Merge pull request #3007 from db-ui/test-guidepup-brand

test: adds guidepup test for brand

showcases/screen-reader/__snapshots__/.editorconfig

@@ -0,0 +1,6 @@
+# For more information about the properties used in
+# this file, please see the EditorConfig documentation:
+# https://editorconfig.org/
+
+[*.txt]
+insert_final_newline = false

showcases/screen-reader/__snapshots__/macos/webkit/DBBrand-default-1.txt

@@ -0,0 +1 @@
+["(Default) With Logo","No Logo","this is a fancy placeholder logo image","Custom Logo"]

showcases/screen-reader/__snapshots__/windows/chromium/DBBrand-default-1.txt

@@ -0,0 +1 @@
+["(Default) With Logo No Logo","graphic, this is a fancy placeholder logo","Custom Logo"]

showcases/screen-reader/default.ts

@@ -35,7 +35,8 @@ const standardPhrases = [
 	'To click',
 	'To select',
 	'To interact',
-	'Press Control'
+	'Press Control',
+	'To begin interacting'
 ];
 
 const cleanSpeakInstructions = (phraseLog: string[]): string[] =>

showcases/screen-reader/tests/brand.spec.ts

@@ -0,0 +1,28 @@
+import { getTest, testDefault } from '../default';
+
+const test = getTest();
+
+test.describe('DBBrand', () => {
+	testDefault({
+		test,
+		title: 'default',
+		description:
+			'should have inline texts, no icons, but the custom logo as image (next())',
+		url: './#/04/brand?page=variants',
+		async testFn(voiceOver, nvda) {
+			if (voiceOver) {
+				await voiceOver?.previous(); // Label 1
+				await voiceOver?.next(); // Label 2
+				await voiceOver?.next(); // Logo image
+				await voiceOver?.next(); // Label 3
+			} else if (nvda) {
+				/* We don't have a focusable element, so we are initially on the browser (i) button */
+				await nvda.press('Shift+Tab'); // Jump into the website
+				await nvda?.clearSpokenPhraseLog();
+				await nvda?.previous(); // Label 1 + 2
+				await nvda?.next(); // Logo image
+				await nvda?.next(); // Label 3
+			}
+		}
+	});
+});