Merge pull request #3006 from db-ui/test-guidepup-badge

Test guidepup badge

showcases/screen-reader/__snapshots__/macos/webkit/DBBadge-should-have-texts-inline-or-as-data-label-attributes-next-.txt

@@ -0,0 +1 @@
+["(Default) Inline","Label","LABEL SHOULD BE SET Corner - Top - Left button","Corner - Top - Left","LABEL SHOULD BE SET Corner - Center - Left button"]

showcases/screen-reader/__snapshots__/windows/chromium/DBBadge-should-have-texts-inline-or-as-data-label-attributes-next-.txt

@@ -0,0 +1 @@
+["(Default) Inline Label","button, LABEL SHOULD BE SET","button, Corner Top Left","Corner Top Left","button, LABEL SHOULD BE SET"]

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

@@ -0,0 +1,24 @@
+import { getTest, testDefault } from '../default';
+
+const test = getTest();
+
+test.describe('DBBadge', () => {
+	testDefault({
+		test,
+		title: 'should have texts inline or as data-label attributes (next())',
+		url: './#/06/badge?page=placement',
+		async testFn(voiceOver, nvda) {
+			if (nvda) {
+				await nvda?.next();
+			}
+
+			const screenReader = voiceOver ?? nvda;
+			await screenReader?.clearSpokenPhraseLog();
+			await screenReader?.previous(); // Badge inline
+			await screenReader?.next(); // Badge red
+			await screenReader?.next(); // Button with badge with data-label 1
+			await screenReader?.next(); // Info-text
+			await screenReader?.next(); // Button with badge with data-label 2
+		}
+	});
+});