diff --git a/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..8e85a693901 --- /dev/null +++ b/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,2 @@ +- listitem: + - group: Test chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..8e85a693901 --- /dev/null +++ b/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,2 @@ +- listitem: + - group: Test chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..8e85a693901 --- /dev/null +++ b/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,2 @@ +- listitem: + - group: Test chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/accordion-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f4fb80c4c6b --- /dev/null +++ b/__snapshots__/accordion-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,19 @@ +- main: + - heading "DBAccordionItem" [level=1] + - link "Density arrow_up_right\" / \"" + - listitem: + - group: Functional chevron_down" / " + - listitem: + - group: (Default) Regular chevron_down" / " + - listitem: + - group: Expressive chevron_down" / " + - link "Interaction States arrow_up_right\" / \"" + - listitem: + - group: Enabled (Default)/Hover/Pressed chevron_down" / " + - listitem: + - group [disabled]: Disabled chevron_down" / " + - link "Content States arrow_up_right\" / \"" + - listitem: + - group: (Default) Collapsed chevron_down" / " + - listitem: + - group: Open chevron_down" / " Open \ No newline at end of file diff --git a/__snapshots__/accordion-item/showcase/chromium/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion-item/showcase/chromium/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f4fb80c4c6b --- /dev/null +++ b/__snapshots__/accordion-item/showcase/chromium/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,19 @@ +- main: + - heading "DBAccordionItem" [level=1] + - link "Density arrow_up_right\" / \"" + - listitem: + - group: Functional chevron_down" / " + - listitem: + - group: (Default) Regular chevron_down" / " + - listitem: + - group: Expressive chevron_down" / " + - link "Interaction States arrow_up_right\" / \"" + - listitem: + - group: Enabled (Default)/Hover/Pressed chevron_down" / " + - listitem: + - group [disabled]: Disabled chevron_down" / " + - link "Content States arrow_up_right\" / \"" + - listitem: + - group: (Default) Collapsed chevron_down" / " + - listitem: + - group: Open chevron_down" / " Open \ No newline at end of file diff --git a/__snapshots__/accordion-item/showcase/firefox/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion-item/showcase/firefox/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f4fb80c4c6b --- /dev/null +++ b/__snapshots__/accordion-item/showcase/firefox/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,19 @@ +- main: + - heading "DBAccordionItem" [level=1] + - link "Density arrow_up_right\" / \"" + - listitem: + - group: Functional chevron_down" / " + - listitem: + - group: (Default) Regular chevron_down" / " + - listitem: + - group: Expressive chevron_down" / " + - link "Interaction States arrow_up_right\" / \"" + - listitem: + - group: Enabled (Default)/Hover/Pressed chevron_down" / " + - listitem: + - group [disabled]: Disabled chevron_down" / " + - link "Content States arrow_up_right\" / \"" + - listitem: + - group: (Default) Collapsed chevron_down" / " + - listitem: + - group: Open chevron_down" / " Open \ No newline at end of file diff --git a/__snapshots__/accordion-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f4fb80c4c6b --- /dev/null +++ b/__snapshots__/accordion-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,19 @@ +- main: + - heading "DBAccordionItem" [level=1] + - link "Density arrow_up_right\" / \"" + - listitem: + - group: Functional chevron_down" / " + - listitem: + - group: (Default) Regular chevron_down" / " + - listitem: + - group: Expressive chevron_down" / " + - link "Interaction States arrow_up_right\" / \"" + - listitem: + - group: Enabled (Default)/Hover/Pressed chevron_down" / " + - listitem: + - group [disabled]: Disabled chevron_down" / " + - link "Content States arrow_up_right\" / \"" + - listitem: + - group: (Default) Collapsed chevron_down" / " + - listitem: + - group: Open chevron_down" / " Open \ No newline at end of file diff --git a/__snapshots__/accordion-item/showcase/mobile-safari/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/mobile-safari/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png index c9d1de66c00..ddcfc85ae39 100644 Binary files a/__snapshots__/accordion-item/showcase/mobile-safari/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png and b/__snapshots__/accordion-item/showcase/mobile-safari/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png differ diff --git a/__snapshots__/accordion-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f4fb80c4c6b --- /dev/null +++ b/__snapshots__/accordion-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,19 @@ +- main: + - heading "DBAccordionItem" [level=1] + - link "Density arrow_up_right\" / \"" + - listitem: + - group: Functional chevron_down" / " + - listitem: + - group: (Default) Regular chevron_down" / " + - listitem: + - group: Expressive chevron_down" / " + - link "Interaction States arrow_up_right\" / \"" + - listitem: + - group: Enabled (Default)/Hover/Pressed chevron_down" / " + - listitem: + - group [disabled]: Disabled chevron_down" / " + - link "Content States arrow_up_right\" / \"" + - listitem: + - group: (Default) Collapsed chevron_down" / " + - listitem: + - group: Open chevron_down" / " Open \ No newline at end of file diff --git a/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png index feace6840da..bf5c6a68dcd 100644 Binary files a/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png and b/__snapshots__/accordion-item/showcase/webkit/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png differ diff --git a/__snapshots__/accordion-item/showcase/webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion-item/showcase/webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f4fb80c4c6b --- /dev/null +++ b/__snapshots__/accordion-item/showcase/webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,19 @@ +- main: + - heading "DBAccordionItem" [level=1] + - link "Density arrow_up_right\" / \"" + - listitem: + - group: Functional chevron_down" / " + - listitem: + - group: (Default) Regular chevron_down" / " + - listitem: + - group: Expressive chevron_down" / " + - link "Interaction States arrow_up_right\" / \"" + - listitem: + - group: Enabled (Default)/Hover/Pressed chevron_down" / " + - listitem: + - group [disabled]: Disabled chevron_down" / " + - link "Content States arrow_up_right\" / \"" + - listitem: + - group: (Default) Collapsed chevron_down" / " + - listitem: + - group: Open chevron_down" / " Open \ No newline at end of file diff --git a/__snapshots__/accordion/component/chromium/DBAccordion-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion/component/chromium/DBAccordion-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..78ef8b3b48c --- /dev/null +++ b/__snapshots__/accordion/component/chromium/DBAccordion-should-have-same-aria-snapshot.yaml @@ -0,0 +1,7 @@ +- list: + - listitem: + - group: Test chevron_down" / " + - listitem: + - group: Test 2 chevron_down" / " + - listitem: + - group: Test 3 chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/accordion/component/firefox/DBAccordion-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion/component/firefox/DBAccordion-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..78ef8b3b48c --- /dev/null +++ b/__snapshots__/accordion/component/firefox/DBAccordion-should-have-same-aria-snapshot.yaml @@ -0,0 +1,7 @@ +- list: + - listitem: + - group: Test chevron_down" / " + - listitem: + - group: Test 2 chevron_down" / " + - listitem: + - group: Test 3 chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..78ef8b3b48c --- /dev/null +++ b/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-have-same-aria-snapshot.yaml @@ -0,0 +1,7 @@ +- list: + - listitem: + - group: Test chevron_down" / " + - listitem: + - group: Test 2 chevron_down" / " + - listitem: + - group: Test 3 chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/accordion/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..0c15f30fe9f --- /dev/null +++ b/__snapshots__/accordion/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml @@ -0,0 +1,61 @@ +- main: + - heading "DBAccordion" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: (Default) Regular + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Expressive + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Variant arrow_up_right\" / \"" + - text: background (default) + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: card + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Behaviour arrow_up_right\" / \"" + - text: (Default) Multiple + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Single + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/accordion/showcase/chromium/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion/showcase/chromium/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..0c15f30fe9f --- /dev/null +++ b/__snapshots__/accordion/showcase/chromium/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml @@ -0,0 +1,61 @@ +- main: + - heading "DBAccordion" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: (Default) Regular + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Expressive + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Variant arrow_up_right\" / \"" + - text: background (default) + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: card + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Behaviour arrow_up_right\" / \"" + - text: (Default) Multiple + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Single + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/accordion/showcase/firefox/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion/showcase/firefox/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..0c15f30fe9f --- /dev/null +++ b/__snapshots__/accordion/showcase/firefox/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml @@ -0,0 +1,61 @@ +- main: + - heading "DBAccordion" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: (Default) Regular + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Expressive + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Variant arrow_up_right\" / \"" + - text: background (default) + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: card + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Behaviour arrow_up_right\" / \"" + - text: (Default) Multiple + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Single + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/accordion/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..0c15f30fe9f --- /dev/null +++ b/__snapshots__/accordion/showcase/mobile-chrome/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml @@ -0,0 +1,61 @@ +- main: + - heading "DBAccordion" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: (Default) Regular + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Expressive + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Variant arrow_up_right\" / \"" + - text: background (default) + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: card + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Behaviour arrow_up_right\" / \"" + - text: (Default) Multiple + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Single + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/accordion/showcase/mobile-safari/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/mobile-safari/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png index b13c471de0c..0192f9f5cf0 100644 Binary files a/__snapshots__/accordion/showcase/mobile-safari/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png and b/__snapshots__/accordion/showcase/mobile-safari/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png differ diff --git a/__snapshots__/accordion/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..0c15f30fe9f --- /dev/null +++ b/__snapshots__/accordion/showcase/mobile-safari/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml @@ -0,0 +1,61 @@ +- main: + - heading "DBAccordion" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: (Default) Regular + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Expressive + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Variant arrow_up_right\" / \"" + - text: background (default) + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: card + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Behaviour arrow_up_right\" / \"" + - text: (Default) Multiple + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Single + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png index 0d8d4861e31..7940a054560 100644 Binary files a/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png and b/__snapshots__/accordion/showcase/webkit/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png differ diff --git a/__snapshots__/accordion/showcase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml b/__snapshots__/accordion/showcase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..0c15f30fe9f --- /dev/null +++ b/__snapshots__/accordion/showcase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml @@ -0,0 +1,61 @@ +- main: + - heading "DBAccordion" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: (Default) Regular + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Expressive + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Variant arrow_up_right\" / \"" + - text: background (default) + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: card + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - link "Behaviour arrow_up_right\" / \"" + - text: (Default) Multiple + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " + - text: Single + - list: + - listitem: + - group: Item 1 chevron_down" / " + - listitem: + - group: Item 2 chevron_down" / " + - listitem: + - group: Item 3 chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/badge/component/chromium/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/component/chromium/DBBadge-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f9d4547865d --- /dev/null +++ b/__snapshots__/badge/component/chromium/DBBadge-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: Test \ No newline at end of file diff --git a/__snapshots__/badge/component/firefox/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/component/firefox/DBBadge-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f9d4547865d --- /dev/null +++ b/__snapshots__/badge/component/firefox/DBBadge-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: Test \ No newline at end of file diff --git a/__snapshots__/badge/component/mobile-chrome/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/component/mobile-chrome/DBBadge-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f9d4547865d --- /dev/null +++ b/__snapshots__/badge/component/mobile-chrome/DBBadge-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: Test \ No newline at end of file diff --git a/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..2b34771e254 --- /dev/null +++ b/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -0,0 +1,28 @@ +- main: + - heading "DBBadge" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Size arrow_up_right\" / \"" + - text: (Default) Small Medium + - link "Content arrow_up_right\" / \"" + - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - link "Placement arrow_up_right\" / \"" + - text: (Default) Inline Label + - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left" + - text: Corner - Top - Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Center - Left" + - text: Corner - Center - Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" + - text: Corner - Bottom- Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Right" + - text: Corner - Top - Right + - button "person\" / \" LABEL SHOULD BE SET Corner - Center - Right" + - text: Corner - Center - Right + - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" + - text: Corner - Bottom- Right + - link "Examples arrow_up_right\" / \"" + - text: 9 12 123 9 12 123 Numbers \ No newline at end of file diff --git a/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..2b34771e254 --- /dev/null +++ b/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -0,0 +1,28 @@ +- main: + - heading "DBBadge" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Size arrow_up_right\" / \"" + - text: (Default) Small Medium + - link "Content arrow_up_right\" / \"" + - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - link "Placement arrow_up_right\" / \"" + - text: (Default) Inline Label + - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left" + - text: Corner - Top - Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Center - Left" + - text: Corner - Center - Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" + - text: Corner - Bottom- Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Right" + - text: Corner - Top - Right + - button "person\" / \" LABEL SHOULD BE SET Corner - Center - Right" + - text: Corner - Center - Right + - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" + - text: Corner - Bottom- Right + - link "Examples arrow_up_right\" / \"" + - text: 9 12 123 9 12 123 Numbers \ No newline at end of file diff --git a/__snapshots__/badge/showcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..c5d12e457ae --- /dev/null +++ b/__snapshots__/badge/showcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -0,0 +1,28 @@ +- main: + - heading "DBBadge" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Size arrow_up_right\" / \"" + - text: (Default) Small Medium + - link "Content arrow_up_right\" / \"" + - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - link "Placement arrow_up_right\" / \"" + - text: (Default) Inline Label + - button "Corner - Top - Left" + - text: Corner - Top - Left + - button "Corner - Center - Left" + - text: Corner - Center - Left + - button "Corner - Bottom- Left" + - text: Corner - Bottom- Left + - button "Corner - Top - Right" + - text: Corner - Top - Right + - button "Corner - Center - Right" + - text: Corner - Center - Right + - button "Corner - Bottom- Right" + - text: Corner - Bottom- Right + - link "Examples arrow_up_right\" / \"" + - text: 9 12 123 9 12 123 Numbers \ No newline at end of file diff --git a/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..2b34771e254 --- /dev/null +++ b/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -0,0 +1,28 @@ +- main: + - heading "DBBadge" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Size arrow_up_right\" / \"" + - text: (Default) Small Medium + - link "Content arrow_up_right\" / \"" + - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - link "Placement arrow_up_right\" / \"" + - text: (Default) Inline Label + - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left" + - text: Corner - Top - Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Center - Left" + - text: Corner - Center - Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" + - text: Corner - Bottom- Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Right" + - text: Corner - Top - Right + - button "person\" / \" LABEL SHOULD BE SET Corner - Center - Right" + - text: Corner - Center - Right + - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" + - text: Corner - Bottom- Right + - link "Examples arrow_up_right\" / \"" + - text: 9 12 123 9 12 123 Numbers \ No newline at end of file diff --git a/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index d4fec27764b..bc11f127c38 100644 Binary files a/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..2b34771e254 --- /dev/null +++ b/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -0,0 +1,28 @@ +- main: + - heading "DBBadge" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Size arrow_up_right\" / \"" + - text: (Default) Small Medium + - link "Content arrow_up_right\" / \"" + - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - link "Placement arrow_up_right\" / \"" + - text: (Default) Inline Label + - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left" + - text: Corner - Top - Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Center - Left" + - text: Corner - Center - Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" + - text: Corner - Bottom- Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Right" + - text: Corner - Top - Right + - button "person\" / \" LABEL SHOULD BE SET Corner - Center - Right" + - text: Corner - Center - Right + - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" + - text: Corner - Bottom- Right + - link "Examples arrow_up_right\" / \"" + - text: 9 12 123 9 12 123 Numbers \ No newline at end of file diff --git a/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index a2e8969fa87..715ac186d7d 100644 Binary files a/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..2b34771e254 --- /dev/null +++ b/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -0,0 +1,28 @@ +- main: + - heading "DBBadge" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Size arrow_up_right\" / \"" + - text: (Default) Small Medium + - link "Content arrow_up_right\" / \"" + - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - link "Placement arrow_up_right\" / \"" + - text: (Default) Inline Label + - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left" + - text: Corner - Top - Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Center - Left" + - text: Corner - Center - Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Left" + - text: Corner - Bottom- Left + - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Right" + - text: Corner - Top - Right + - button "person\" / \" LABEL SHOULD BE SET Corner - Center - Right" + - text: Corner - Center - Right + - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" + - text: Corner - Bottom- Right + - link "Examples arrow_up_right\" / \"" + - text: 9 12 123 9 12 123 Numbers \ No newline at end of file diff --git a/__snapshots__/brand/component/chromium/DBBrand-should-have-same-aria-snapshot.yaml b/__snapshots__/brand/component/chromium/DBBrand-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..044b331ab8d --- /dev/null +++ b/__snapshots__/brand/component/chromium/DBBrand-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: db" / " Test \ No newline at end of file diff --git a/__snapshots__/brand/component/firefox/DBBrand-should-have-same-aria-snapshot.yaml b/__snapshots__/brand/component/firefox/DBBrand-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f9d4547865d --- /dev/null +++ b/__snapshots__/brand/component/firefox/DBBrand-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: Test \ No newline at end of file diff --git a/__snapshots__/brand/component/mobile-chrome/DBBrand-should-have-same-aria-snapshot.yaml b/__snapshots__/brand/component/mobile-chrome/DBBrand-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..044b331ab8d --- /dev/null +++ b/__snapshots__/brand/component/mobile-chrome/DBBrand-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: db" / " Test \ No newline at end of file diff --git a/__snapshots__/brand/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml b/__snapshots__/brand/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..488f5a68316 --- /dev/null +++ b/__snapshots__/brand/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBBrand" [level=1] + - link "Density arrow_up_right\" / \"" + - text: db" / " Functional db" / " (Default) Regular db" / " Expressive + - link "Variants arrow_up_right\" / \"" + - text: db" / " (Default) With Logo No Logo + - img "this is a fancy placeholder logo" + - text: Custom Logo \ No newline at end of file diff --git a/__snapshots__/brand/showcase/chromium/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml b/__snapshots__/brand/showcase/chromium/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..488f5a68316 --- /dev/null +++ b/__snapshots__/brand/showcase/chromium/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBBrand" [level=1] + - link "Density arrow_up_right\" / \"" + - text: db" / " Functional db" / " (Default) Regular db" / " Expressive + - link "Variants arrow_up_right\" / \"" + - text: db" / " (Default) With Logo No Logo + - img "this is a fancy placeholder logo" + - text: Custom Logo \ No newline at end of file diff --git a/__snapshots__/brand/showcase/firefox/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml b/__snapshots__/brand/showcase/firefox/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..e542ba7df18 --- /dev/null +++ b/__snapshots__/brand/showcase/firefox/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBBrand" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Variants arrow_up_right\" / \"" + - text: (Default) With Logo No Logo + - img "this is a fancy placeholder logo" + - text: Custom Logo \ No newline at end of file diff --git a/__snapshots__/brand/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml b/__snapshots__/brand/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..488f5a68316 --- /dev/null +++ b/__snapshots__/brand/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBBrand" [level=1] + - link "Density arrow_up_right\" / \"" + - text: db" / " Functional db" / " (Default) Regular db" / " Expressive + - link "Variants arrow_up_right\" / \"" + - text: db" / " (Default) With Logo No Logo + - img "this is a fancy placeholder logo" + - text: Custom Logo \ No newline at end of file diff --git a/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png b/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png index ce10c9aaa44..e2e97ff2e7d 100644 Binary files a/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png and b/__snapshots__/brand/showcase/mobile-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png differ diff --git a/__snapshots__/brand/showcase/mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml b/__snapshots__/brand/showcase/mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..488f5a68316 --- /dev/null +++ b/__snapshots__/brand/showcase/mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBBrand" [level=1] + - link "Density arrow_up_right\" / \"" + - text: db" / " Functional db" / " (Default) Regular db" / " Expressive + - link "Variants arrow_up_right\" / \"" + - text: db" / " (Default) With Logo No Logo + - img "this is a fancy placeholder logo" + - text: Custom Logo \ No newline at end of file diff --git a/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png b/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png index f56d02bce08..09811652dc5 100644 Binary files a/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png and b/__snapshots__/brand/showcase/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png differ diff --git a/__snapshots__/brand/showcase/webkit/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml b/__snapshots__/brand/showcase/webkit/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..488f5a68316 --- /dev/null +++ b/__snapshots__/brand/showcase/webkit/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBBrand" [level=1] + - link "Density arrow_up_right\" / \"" + - text: db" / " Functional db" / " (Default) Regular db" / " Expressive + - link "Variants arrow_up_right\" / \"" + - text: db" / " (Default) With Logo No Logo + - img "this is a fancy placeholder logo" + - text: Custom Logo \ No newline at end of file diff --git a/__snapshots__/button/component/chromium/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/component/chromium/DBButton-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..06beb94a1da --- /dev/null +++ b/__snapshots__/button/component/chromium/DBButton-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- button "person\" / \" User" \ No newline at end of file diff --git a/__snapshots__/button/component/firefox/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/component/firefox/DBButton-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..a233ad808a2 --- /dev/null +++ b/__snapshots__/button/component/firefox/DBButton-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- button "User" \ No newline at end of file diff --git a/__snapshots__/button/component/mobile-chrome/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/component/mobile-chrome/DBButton-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..06beb94a1da --- /dev/null +++ b/__snapshots__/button/component/mobile-chrome/DBButton-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- button "person\" / \" User" \ No newline at end of file diff --git a/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b23cfcee99d --- /dev/null +++ b/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -0,0 +1,24 @@ +- main: + - heading "DBButton" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) Outlined - Adaptive" + - button "Filled - Adaptive" + - button "Ghost - Adaptive" + - button "Brand" + - link "State arrow_up_right\" / \"" + - button "(Default) Enabled" + - button "Disabled" [disabled] + - link "Size arrow_up_right\" / \"" + - button "(Default) Medium" + - button "Small" + - link "Content arrow_up_right\" / \"" + - button "(Default) Text" + - button "person\" / \" Icon & Text" + - button "person\" / \" Icon" + - link "Behaviour arrow_up_right\" / \"" + - button "(Default) Auto Width" + - button "Width full" \ No newline at end of file diff --git a/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b23cfcee99d --- /dev/null +++ b/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -0,0 +1,24 @@ +- main: + - heading "DBButton" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) Outlined - Adaptive" + - button "Filled - Adaptive" + - button "Ghost - Adaptive" + - button "Brand" + - link "State arrow_up_right\" / \"" + - button "(Default) Enabled" + - button "Disabled" [disabled] + - link "Size arrow_up_right\" / \"" + - button "(Default) Medium" + - button "Small" + - link "Content arrow_up_right\" / \"" + - button "(Default) Text" + - button "person\" / \" Icon & Text" + - button "person\" / \" Icon" + - link "Behaviour arrow_up_right\" / \"" + - button "(Default) Auto Width" + - button "Width full" \ No newline at end of file diff --git a/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f79ac6de203 --- /dev/null +++ b/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -0,0 +1,24 @@ +- main: + - heading "DBButton" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) Outlined - Adaptive" + - button "Filled - Adaptive" + - button "Ghost - Adaptive" + - button "Brand" + - link "State arrow_up_right\" / \"" + - button "(Default) Enabled" + - button "Disabled" [disabled] + - link "Size arrow_up_right\" / \"" + - button "(Default) Medium" + - button "Small" + - link "Content arrow_up_right\" / \"" + - button "(Default) Text" + - button "Icon & Text" + - button "Icon" + - link "Behaviour arrow_up_right\" / \"" + - button "(Default) Auto Width" + - button "Width full" \ No newline at end of file diff --git a/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b23cfcee99d --- /dev/null +++ b/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -0,0 +1,24 @@ +- main: + - heading "DBButton" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) Outlined - Adaptive" + - button "Filled - Adaptive" + - button "Ghost - Adaptive" + - button "Brand" + - link "State arrow_up_right\" / \"" + - button "(Default) Enabled" + - button "Disabled" [disabled] + - link "Size arrow_up_right\" / \"" + - button "(Default) Medium" + - button "Small" + - link "Content arrow_up_right\" / \"" + - button "(Default) Text" + - button "person\" / \" Icon & Text" + - button "person\" / \" Icon" + - link "Behaviour arrow_up_right\" / \"" + - button "(Default) Auto Width" + - button "Width full" \ No newline at end of file diff --git a/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index def67b2249f..a99a96b28dd 100644 Binary files a/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b23cfcee99d --- /dev/null +++ b/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -0,0 +1,24 @@ +- main: + - heading "DBButton" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) Outlined - Adaptive" + - button "Filled - Adaptive" + - button "Ghost - Adaptive" + - button "Brand" + - link "State arrow_up_right\" / \"" + - button "(Default) Enabled" + - button "Disabled" [disabled] + - link "Size arrow_up_right\" / \"" + - button "(Default) Medium" + - button "Small" + - link "Content arrow_up_right\" / \"" + - button "(Default) Text" + - button "person\" / \" Icon & Text" + - button "person\" / \" Icon" + - link "Behaviour arrow_up_right\" / \"" + - button "(Default) Auto Width" + - button "Width full" \ No newline at end of file diff --git a/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index a470cf14aec..33940b1bced 100644 Binary files a/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b23cfcee99d --- /dev/null +++ b/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -0,0 +1,24 @@ +- main: + - heading "DBButton" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) Outlined - Adaptive" + - button "Filled - Adaptive" + - button "Ghost - Adaptive" + - button "Brand" + - link "State arrow_up_right\" / \"" + - button "(Default) Enabled" + - button "Disabled" [disabled] + - link "Size arrow_up_right\" / \"" + - button "(Default) Medium" + - button "Small" + - link "Content arrow_up_right\" / \"" + - button "(Default) Text" + - button "person\" / \" Icon & Text" + - button "person\" / \" Icon" + - link "Behaviour arrow_up_right\" / \"" + - button "(Default) Auto Width" + - button "Width full" \ No newline at end of file diff --git a/__snapshots__/card/component/chromium/DBCard-should-have-same-aria-snapshot.yaml b/__snapshots__/card/component/chromium/DBCard-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f9d4547865d --- /dev/null +++ b/__snapshots__/card/component/chromium/DBCard-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: Test \ No newline at end of file diff --git a/__snapshots__/card/component/firefox/DBCard-should-have-same-aria-snapshot.yaml b/__snapshots__/card/component/firefox/DBCard-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f9d4547865d --- /dev/null +++ b/__snapshots__/card/component/firefox/DBCard-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: Test \ No newline at end of file diff --git a/__snapshots__/card/component/mobile-chrome/DBCard-should-have-same-aria-snapshot.yaml b/__snapshots__/card/component/mobile-chrome/DBCard-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f9d4547865d --- /dev/null +++ b/__snapshots__/card/component/mobile-chrome/DBCard-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: Test \ No newline at end of file diff --git a/__snapshots__/card/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml b/__snapshots__/card/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..6f604f85c4c --- /dev/null +++ b/__snapshots__/card/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml @@ -0,0 +1,26 @@ +- main: + - heading "DBCard" [level=1] + - link "Density arrow_up_right\" / \"" + - strong: Functional + - strong: (Default) Regular + - strong: Expressive + - link "Elevation Level arrow_up_right\" / \"" + - strong: (Default) Level 1 - Adaptive + - strong: Level 2 - Adaptive + - strong: Level 3 - Adaptive + - link "Spacing arrow_up_right\" / \"" + - strong: (Default) Small + - strong: Medium + - strong: Large + - strong: None + - link "Behaviour arrow_up_right\" / \"" + - strong: (Default) Non interactive + - button "Interactive": + - strong: Interactive + - link "Example arrow_up_right\" / \"" + - button "Level 1 - Interactive": + - strong: Level 1 - Interactive + - button "Level 2 - Interactive": + - strong: Level 2 - Interactive + - button "Level 3 - Interactive": + - strong: Level 3 - Interactive \ No newline at end of file diff --git a/__snapshots__/card/showcase/chromium/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml b/__snapshots__/card/showcase/chromium/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..6f604f85c4c --- /dev/null +++ b/__snapshots__/card/showcase/chromium/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml @@ -0,0 +1,26 @@ +- main: + - heading "DBCard" [level=1] + - link "Density arrow_up_right\" / \"" + - strong: Functional + - strong: (Default) Regular + - strong: Expressive + - link "Elevation Level arrow_up_right\" / \"" + - strong: (Default) Level 1 - Adaptive + - strong: Level 2 - Adaptive + - strong: Level 3 - Adaptive + - link "Spacing arrow_up_right\" / \"" + - strong: (Default) Small + - strong: Medium + - strong: Large + - strong: None + - link "Behaviour arrow_up_right\" / \"" + - strong: (Default) Non interactive + - button "Interactive": + - strong: Interactive + - link "Example arrow_up_right\" / \"" + - button "Level 1 - Interactive": + - strong: Level 1 - Interactive + - button "Level 2 - Interactive": + - strong: Level 2 - Interactive + - button "Level 3 - Interactive": + - strong: Level 3 - Interactive \ No newline at end of file diff --git a/__snapshots__/card/showcase/firefox/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml b/__snapshots__/card/showcase/firefox/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..6f604f85c4c --- /dev/null +++ b/__snapshots__/card/showcase/firefox/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml @@ -0,0 +1,26 @@ +- main: + - heading "DBCard" [level=1] + - link "Density arrow_up_right\" / \"" + - strong: Functional + - strong: (Default) Regular + - strong: Expressive + - link "Elevation Level arrow_up_right\" / \"" + - strong: (Default) Level 1 - Adaptive + - strong: Level 2 - Adaptive + - strong: Level 3 - Adaptive + - link "Spacing arrow_up_right\" / \"" + - strong: (Default) Small + - strong: Medium + - strong: Large + - strong: None + - link "Behaviour arrow_up_right\" / \"" + - strong: (Default) Non interactive + - button "Interactive": + - strong: Interactive + - link "Example arrow_up_right\" / \"" + - button "Level 1 - Interactive": + - strong: Level 1 - Interactive + - button "Level 2 - Interactive": + - strong: Level 2 - Interactive + - button "Level 3 - Interactive": + - strong: Level 3 - Interactive \ No newline at end of file diff --git a/__snapshots__/card/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml b/__snapshots__/card/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..6f604f85c4c --- /dev/null +++ b/__snapshots__/card/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml @@ -0,0 +1,26 @@ +- main: + - heading "DBCard" [level=1] + - link "Density arrow_up_right\" / \"" + - strong: Functional + - strong: (Default) Regular + - strong: Expressive + - link "Elevation Level arrow_up_right\" / \"" + - strong: (Default) Level 1 - Adaptive + - strong: Level 2 - Adaptive + - strong: Level 3 - Adaptive + - link "Spacing arrow_up_right\" / \"" + - strong: (Default) Small + - strong: Medium + - strong: Large + - strong: None + - link "Behaviour arrow_up_right\" / \"" + - strong: (Default) Non interactive + - button "Interactive": + - strong: Interactive + - link "Example arrow_up_right\" / \"" + - button "Level 1 - Interactive": + - strong: Level 1 - Interactive + - button "Level 2 - Interactive": + - strong: Level 2 - Interactive + - button "Level 3 - Interactive": + - strong: Level 3 - Interactive \ No newline at end of file diff --git a/__snapshots__/card/showcase/mobile-safari/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png b/__snapshots__/card/showcase/mobile-safari/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png index 395445eee97..8a5936ca80a 100644 Binary files a/__snapshots__/card/showcase/mobile-safari/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png and b/__snapshots__/card/showcase/mobile-safari/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png differ diff --git a/__snapshots__/card/showcase/mobile-safari/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml b/__snapshots__/card/showcase/mobile-safari/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..6f604f85c4c --- /dev/null +++ b/__snapshots__/card/showcase/mobile-safari/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml @@ -0,0 +1,26 @@ +- main: + - heading "DBCard" [level=1] + - link "Density arrow_up_right\" / \"" + - strong: Functional + - strong: (Default) Regular + - strong: Expressive + - link "Elevation Level arrow_up_right\" / \"" + - strong: (Default) Level 1 - Adaptive + - strong: Level 2 - Adaptive + - strong: Level 3 - Adaptive + - link "Spacing arrow_up_right\" / \"" + - strong: (Default) Small + - strong: Medium + - strong: Large + - strong: None + - link "Behaviour arrow_up_right\" / \"" + - strong: (Default) Non interactive + - button "Interactive": + - strong: Interactive + - link "Example arrow_up_right\" / \"" + - button "Level 1 - Interactive": + - strong: Level 1 - Interactive + - button "Level 2 - Interactive": + - strong: Level 2 - Interactive + - button "Level 3 - Interactive": + - strong: Level 3 - Interactive \ No newline at end of file diff --git a/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png b/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png index f8d6a8b2429..f84bbca67ed 100644 Binary files a/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png and b/__snapshots__/card/showcase/webkit/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png differ diff --git a/__snapshots__/card/showcase/webkit/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml b/__snapshots__/card/showcase/webkit/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..6f604f85c4c --- /dev/null +++ b/__snapshots__/card/showcase/webkit/should-have-same-aria-snapshot/DBCard-should-have-same-aria-snapshot.yaml @@ -0,0 +1,26 @@ +- main: + - heading "DBCard" [level=1] + - link "Density arrow_up_right\" / \"" + - strong: Functional + - strong: (Default) Regular + - strong: Expressive + - link "Elevation Level arrow_up_right\" / \"" + - strong: (Default) Level 1 - Adaptive + - strong: Level 2 - Adaptive + - strong: Level 3 - Adaptive + - link "Spacing arrow_up_right\" / \"" + - strong: (Default) Small + - strong: Medium + - strong: Large + - strong: None + - link "Behaviour arrow_up_right\" / \"" + - strong: (Default) Non interactive + - button "Interactive": + - strong: Interactive + - link "Example arrow_up_right\" / \"" + - button "Level 1 - Interactive": + - strong: Level 1 - Interactive + - button "Level 2 - Interactive": + - strong: Level 2 - Interactive + - button "Level 3 - Interactive": + - strong: Level 3 - Interactive \ No newline at end of file diff --git a/__snapshots__/checkbox/component/chromium/DBCheckbox-should-have-same-aria-snapshot.yaml b/__snapshots__/checkbox/component/chromium/DBCheckbox-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..c7515a2574a --- /dev/null +++ b/__snapshots__/checkbox/component/chromium/DBCheckbox-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- checkbox "Test" +- text: Test +- status \ No newline at end of file diff --git a/__snapshots__/checkbox/component/firefox/DBCheckbox-should-have-same-aria-snapshot.yaml b/__snapshots__/checkbox/component/firefox/DBCheckbox-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..c7515a2574a --- /dev/null +++ b/__snapshots__/checkbox/component/firefox/DBCheckbox-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- checkbox "Test" +- text: Test +- status \ No newline at end of file diff --git a/__snapshots__/checkbox/component/mobile-chrome/DBCheckbox-should-have-same-aria-snapshot.yaml b/__snapshots__/checkbox/component/mobile-chrome/DBCheckbox-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..c7515a2574a --- /dev/null +++ b/__snapshots__/checkbox/component/mobile-chrome/DBCheckbox-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- checkbox "Test" +- text: Test +- status \ No newline at end of file diff --git a/__snapshots__/checkbox/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml b/__snapshots__/checkbox/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..a69e3543800 --- /dev/null +++ b/__snapshots__/checkbox/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml @@ -0,0 +1,74 @@ +- main: + - heading "DBCheckbox" [level=1] + - link "Density arrow_up_right\" / \"" + - group "Density": + - checkbox "Functional" + - text: Functional + - status + - checkbox "(Default) Regular" + - text: (Default) Regular + - status + - checkbox "Expressive" + - text: Expressive + - status + - link "Interaction States arrow_up_right\" / \"" + - group "Interaction States": + - checkbox "(Default) Enabled" + - text: (Default) Enabled + - status + - checkbox "Disabled" [disabled] + - text: Disabled + - status + - link "States arrow_up_right\" / \"" + - group "States": + - checkbox "(Default) Unchecked" + - text: (Default) Unchecked + - status + - checkbox "Unchecked - Invalid *\" / \"" + - text: Unchecked - Invalid *" / " + - status + - checkbox "Checked" [checked]: check" / " + - text: Checked + - status + - checkbox "Checked - Valid *\" / \"" [checked]: check" / " + - text: Checked - Valid *" / " + - status + - checkbox "Indeterminate" [checked=mixed]: minus" / " + - text: Indeterminate + - status + - checkbox "Indeterminate - Invalid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Invalid *" / " + - status + - checkbox "Indeterminate - Valid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Valid *" / " + - status + - link "Size arrow_up_right\" / \"" + - group "Size": + - checkbox "(Default) Medium" + - text: (Default) Medium + - status + - checkbox "Small" + - text: Small + - status + - link "Requirement arrow_up_right\" / \"" + - group "Requirement": + - checkbox "(Default) Optional" + - text: (Default) Optional + - status + - checkbox "Required *\" / \"" + - text: Required *" / " + - status + - checkbox "Required - Indeterminate *\" / \"" [checked=mixed]: minus" / " + - text: Required - Indeterminate *" / " + - status + - link "Content arrow_up_right\" / \"" + - group "Content": + - checkbox "(Default) Label" + - text: (Default) Label + - status + - checkbox "Long label" [checked]: check" / " + - text: Long label + - status + - checkbox "No Label" + - text: No Label + - status \ No newline at end of file diff --git a/__snapshots__/checkbox/showcase/chromium/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml b/__snapshots__/checkbox/showcase/chromium/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..a69e3543800 --- /dev/null +++ b/__snapshots__/checkbox/showcase/chromium/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml @@ -0,0 +1,74 @@ +- main: + - heading "DBCheckbox" [level=1] + - link "Density arrow_up_right\" / \"" + - group "Density": + - checkbox "Functional" + - text: Functional + - status + - checkbox "(Default) Regular" + - text: (Default) Regular + - status + - checkbox "Expressive" + - text: Expressive + - status + - link "Interaction States arrow_up_right\" / \"" + - group "Interaction States": + - checkbox "(Default) Enabled" + - text: (Default) Enabled + - status + - checkbox "Disabled" [disabled] + - text: Disabled + - status + - link "States arrow_up_right\" / \"" + - group "States": + - checkbox "(Default) Unchecked" + - text: (Default) Unchecked + - status + - checkbox "Unchecked - Invalid *\" / \"" + - text: Unchecked - Invalid *" / " + - status + - checkbox "Checked" [checked]: check" / " + - text: Checked + - status + - checkbox "Checked - Valid *\" / \"" [checked]: check" / " + - text: Checked - Valid *" / " + - status + - checkbox "Indeterminate" [checked=mixed]: minus" / " + - text: Indeterminate + - status + - checkbox "Indeterminate - Invalid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Invalid *" / " + - status + - checkbox "Indeterminate - Valid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Valid *" / " + - status + - link "Size arrow_up_right\" / \"" + - group "Size": + - checkbox "(Default) Medium" + - text: (Default) Medium + - status + - checkbox "Small" + - text: Small + - status + - link "Requirement arrow_up_right\" / \"" + - group "Requirement": + - checkbox "(Default) Optional" + - text: (Default) Optional + - status + - checkbox "Required *\" / \"" + - text: Required *" / " + - status + - checkbox "Required - Indeterminate *\" / \"" [checked=mixed]: minus" / " + - text: Required - Indeterminate *" / " + - status + - link "Content arrow_up_right\" / \"" + - group "Content": + - checkbox "(Default) Label" + - text: (Default) Label + - status + - checkbox "Long label" [checked]: check" / " + - text: Long label + - status + - checkbox "No Label" + - text: No Label + - status \ No newline at end of file diff --git a/__snapshots__/checkbox/showcase/firefox/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml b/__snapshots__/checkbox/showcase/firefox/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..a69e3543800 --- /dev/null +++ b/__snapshots__/checkbox/showcase/firefox/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml @@ -0,0 +1,74 @@ +- main: + - heading "DBCheckbox" [level=1] + - link "Density arrow_up_right\" / \"" + - group "Density": + - checkbox "Functional" + - text: Functional + - status + - checkbox "(Default) Regular" + - text: (Default) Regular + - status + - checkbox "Expressive" + - text: Expressive + - status + - link "Interaction States arrow_up_right\" / \"" + - group "Interaction States": + - checkbox "(Default) Enabled" + - text: (Default) Enabled + - status + - checkbox "Disabled" [disabled] + - text: Disabled + - status + - link "States arrow_up_right\" / \"" + - group "States": + - checkbox "(Default) Unchecked" + - text: (Default) Unchecked + - status + - checkbox "Unchecked - Invalid *\" / \"" + - text: Unchecked - Invalid *" / " + - status + - checkbox "Checked" [checked]: check" / " + - text: Checked + - status + - checkbox "Checked - Valid *\" / \"" [checked]: check" / " + - text: Checked - Valid *" / " + - status + - checkbox "Indeterminate" [checked=mixed]: minus" / " + - text: Indeterminate + - status + - checkbox "Indeterminate - Invalid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Invalid *" / " + - status + - checkbox "Indeterminate - Valid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Valid *" / " + - status + - link "Size arrow_up_right\" / \"" + - group "Size": + - checkbox "(Default) Medium" + - text: (Default) Medium + - status + - checkbox "Small" + - text: Small + - status + - link "Requirement arrow_up_right\" / \"" + - group "Requirement": + - checkbox "(Default) Optional" + - text: (Default) Optional + - status + - checkbox "Required *\" / \"" + - text: Required *" / " + - status + - checkbox "Required - Indeterminate *\" / \"" [checked=mixed]: minus" / " + - text: Required - Indeterminate *" / " + - status + - link "Content arrow_up_right\" / \"" + - group "Content": + - checkbox "(Default) Label" + - text: (Default) Label + - status + - checkbox "Long label" [checked]: check" / " + - text: Long label + - status + - checkbox "No Label" + - text: No Label + - status \ No newline at end of file diff --git a/__snapshots__/checkbox/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml b/__snapshots__/checkbox/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..a69e3543800 --- /dev/null +++ b/__snapshots__/checkbox/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml @@ -0,0 +1,74 @@ +- main: + - heading "DBCheckbox" [level=1] + - link "Density arrow_up_right\" / \"" + - group "Density": + - checkbox "Functional" + - text: Functional + - status + - checkbox "(Default) Regular" + - text: (Default) Regular + - status + - checkbox "Expressive" + - text: Expressive + - status + - link "Interaction States arrow_up_right\" / \"" + - group "Interaction States": + - checkbox "(Default) Enabled" + - text: (Default) Enabled + - status + - checkbox "Disabled" [disabled] + - text: Disabled + - status + - link "States arrow_up_right\" / \"" + - group "States": + - checkbox "(Default) Unchecked" + - text: (Default) Unchecked + - status + - checkbox "Unchecked - Invalid *\" / \"" + - text: Unchecked - Invalid *" / " + - status + - checkbox "Checked" [checked]: check" / " + - text: Checked + - status + - checkbox "Checked - Valid *\" / \"" [checked]: check" / " + - text: Checked - Valid *" / " + - status + - checkbox "Indeterminate" [checked=mixed]: minus" / " + - text: Indeterminate + - status + - checkbox "Indeterminate - Invalid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Invalid *" / " + - status + - checkbox "Indeterminate - Valid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Valid *" / " + - status + - link "Size arrow_up_right\" / \"" + - group "Size": + - checkbox "(Default) Medium" + - text: (Default) Medium + - status + - checkbox "Small" + - text: Small + - status + - link "Requirement arrow_up_right\" / \"" + - group "Requirement": + - checkbox "(Default) Optional" + - text: (Default) Optional + - status + - checkbox "Required *\" / \"" + - text: Required *" / " + - status + - checkbox "Required - Indeterminate *\" / \"" [checked=mixed]: minus" / " + - text: Required - Indeterminate *" / " + - status + - link "Content arrow_up_right\" / \"" + - group "Content": + - checkbox "(Default) Label" + - text: (Default) Label + - status + - checkbox "Long label" [checked]: check" / " + - text: Long label + - status + - checkbox "No Label" + - text: No Label + - status \ No newline at end of file diff --git a/__snapshots__/checkbox/showcase/mobile-safari/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/mobile-safari/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index a1641e62ea3..1d7c4b81130 100644 Binary files a/__snapshots__/checkbox/showcase/mobile-safari/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/mobile-safari/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/mobile-safari/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml b/__snapshots__/checkbox/showcase/mobile-safari/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..a69e3543800 --- /dev/null +++ b/__snapshots__/checkbox/showcase/mobile-safari/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml @@ -0,0 +1,74 @@ +- main: + - heading "DBCheckbox" [level=1] + - link "Density arrow_up_right\" / \"" + - group "Density": + - checkbox "Functional" + - text: Functional + - status + - checkbox "(Default) Regular" + - text: (Default) Regular + - status + - checkbox "Expressive" + - text: Expressive + - status + - link "Interaction States arrow_up_right\" / \"" + - group "Interaction States": + - checkbox "(Default) Enabled" + - text: (Default) Enabled + - status + - checkbox "Disabled" [disabled] + - text: Disabled + - status + - link "States arrow_up_right\" / \"" + - group "States": + - checkbox "(Default) Unchecked" + - text: (Default) Unchecked + - status + - checkbox "Unchecked - Invalid *\" / \"" + - text: Unchecked - Invalid *" / " + - status + - checkbox "Checked" [checked]: check" / " + - text: Checked + - status + - checkbox "Checked - Valid *\" / \"" [checked]: check" / " + - text: Checked - Valid *" / " + - status + - checkbox "Indeterminate" [checked=mixed]: minus" / " + - text: Indeterminate + - status + - checkbox "Indeterminate - Invalid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Invalid *" / " + - status + - checkbox "Indeterminate - Valid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Valid *" / " + - status + - link "Size arrow_up_right\" / \"" + - group "Size": + - checkbox "(Default) Medium" + - text: (Default) Medium + - status + - checkbox "Small" + - text: Small + - status + - link "Requirement arrow_up_right\" / \"" + - group "Requirement": + - checkbox "(Default) Optional" + - text: (Default) Optional + - status + - checkbox "Required *\" / \"" + - text: Required *" / " + - status + - checkbox "Required - Indeterminate *\" / \"" [checked=mixed]: minus" / " + - text: Required - Indeterminate *" / " + - status + - link "Content arrow_up_right\" / \"" + - group "Content": + - checkbox "(Default) Label" + - text: (Default) Label + - status + - checkbox "Long label" [checked]: check" / " + - text: Long label + - status + - checkbox "No Label" + - text: No Label + - status \ No newline at end of file diff --git a/__snapshots__/checkbox/showcase/webkit/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/webkit/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index 61a443e123c..3bb3f077183 100644 Binary files a/__snapshots__/checkbox/showcase/webkit/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/webkit/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/webkit/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml b/__snapshots__/checkbox/showcase/webkit/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..a69e3543800 --- /dev/null +++ b/__snapshots__/checkbox/showcase/webkit/should-have-same-aria-snapshot/DBCheckbox-should-have-same-aria-snapshot.yaml @@ -0,0 +1,74 @@ +- main: + - heading "DBCheckbox" [level=1] + - link "Density arrow_up_right\" / \"" + - group "Density": + - checkbox "Functional" + - text: Functional + - status + - checkbox "(Default) Regular" + - text: (Default) Regular + - status + - checkbox "Expressive" + - text: Expressive + - status + - link "Interaction States arrow_up_right\" / \"" + - group "Interaction States": + - checkbox "(Default) Enabled" + - text: (Default) Enabled + - status + - checkbox "Disabled" [disabled] + - text: Disabled + - status + - link "States arrow_up_right\" / \"" + - group "States": + - checkbox "(Default) Unchecked" + - text: (Default) Unchecked + - status + - checkbox "Unchecked - Invalid *\" / \"" + - text: Unchecked - Invalid *" / " + - status + - checkbox "Checked" [checked]: check" / " + - text: Checked + - status + - checkbox "Checked - Valid *\" / \"" [checked]: check" / " + - text: Checked - Valid *" / " + - status + - checkbox "Indeterminate" [checked=mixed]: minus" / " + - text: Indeterminate + - status + - checkbox "Indeterminate - Invalid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Invalid *" / " + - status + - checkbox "Indeterminate - Valid *\" / \"" [checked=mixed]: minus" / " + - text: Indeterminate - Valid *" / " + - status + - link "Size arrow_up_right\" / \"" + - group "Size": + - checkbox "(Default) Medium" + - text: (Default) Medium + - status + - checkbox "Small" + - text: Small + - status + - link "Requirement arrow_up_right\" / \"" + - group "Requirement": + - checkbox "(Default) Optional" + - text: (Default) Optional + - status + - checkbox "Required *\" / \"" + - text: Required *" / " + - status + - checkbox "Required - Indeterminate *\" / \"" [checked=mixed]: minus" / " + - text: Required - Indeterminate *" / " + - status + - link "Content arrow_up_right\" / \"" + - group "Content": + - checkbox "(Default) Label" + - text: (Default) Label + - status + - checkbox "Long label" [checked]: check" / " + - text: Long label + - status + - checkbox "No Label" + - text: No Label + - status \ No newline at end of file diff --git a/__snapshots__/divider/component/chromium/DBDivider-should-have-same-aria-snapshot.yaml b/__snapshots__/divider/component/chromium/DBDivider-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b326781cabb --- /dev/null +++ b/__snapshots__/divider/component/chromium/DBDivider-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: "Dividers: Divider weak Divider strong" \ No newline at end of file diff --git a/__snapshots__/divider/component/firefox/DBDivider-should-have-same-aria-snapshot.yaml b/__snapshots__/divider/component/firefox/DBDivider-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b326781cabb --- /dev/null +++ b/__snapshots__/divider/component/firefox/DBDivider-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: "Dividers: Divider weak Divider strong" \ No newline at end of file diff --git a/__snapshots__/divider/component/mobile-chrome/DBDivider-should-have-same-aria-snapshot.yaml b/__snapshots__/divider/component/mobile-chrome/DBDivider-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b326781cabb --- /dev/null +++ b/__snapshots__/divider/component/mobile-chrome/DBDivider-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: "Dividers: Divider weak Divider strong" \ No newline at end of file diff --git a/__snapshots__/divider/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/__snapshots__/divider/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..87acf48b5a0 --- /dev/null +++ b/__snapshots__/divider/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBDivider" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Variant arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive - Horizontal information_circle" / " Adaptive - Vertical + - link "Emphasis arrow_up_right\" / \"" + - text: information_circle" / " (Default) Weak information_circle" / " Strong \ No newline at end of file diff --git a/__snapshots__/divider/showcase/chromium/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/__snapshots__/divider/showcase/chromium/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..87acf48b5a0 --- /dev/null +++ b/__snapshots__/divider/showcase/chromium/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBDivider" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Variant arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive - Horizontal information_circle" / " Adaptive - Vertical + - link "Emphasis arrow_up_right\" / \"" + - text: information_circle" / " (Default) Weak information_circle" / " Strong \ No newline at end of file diff --git a/__snapshots__/divider/showcase/firefox/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/__snapshots__/divider/showcase/firefox/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..87acf48b5a0 --- /dev/null +++ b/__snapshots__/divider/showcase/firefox/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBDivider" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Variant arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive - Horizontal information_circle" / " Adaptive - Vertical + - link "Emphasis arrow_up_right\" / \"" + - text: information_circle" / " (Default) Weak information_circle" / " Strong \ No newline at end of file diff --git a/__snapshots__/divider/showcase/mobile-chrome/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/__snapshots__/divider/showcase/mobile-chrome/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..87acf48b5a0 --- /dev/null +++ b/__snapshots__/divider/showcase/mobile-chrome/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBDivider" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Variant arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive - Horizontal information_circle" / " Adaptive - Vertical + - link "Emphasis arrow_up_right\" / \"" + - text: information_circle" / " (Default) Weak information_circle" / " Strong \ No newline at end of file diff --git a/__snapshots__/divider/showcase/mobile-safari/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png b/__snapshots__/divider/showcase/mobile-safari/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png index 50e034cdd99..9e303ceb1cb 100644 Binary files a/__snapshots__/divider/showcase/mobile-safari/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png and b/__snapshots__/divider/showcase/mobile-safari/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png differ diff --git a/__snapshots__/divider/showcase/mobile-safari/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/__snapshots__/divider/showcase/mobile-safari/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..87acf48b5a0 --- /dev/null +++ b/__snapshots__/divider/showcase/mobile-safari/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBDivider" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Variant arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive - Horizontal information_circle" / " Adaptive - Vertical + - link "Emphasis arrow_up_right\" / \"" + - text: information_circle" / " (Default) Weak information_circle" / " Strong \ No newline at end of file diff --git a/__snapshots__/divider/showcase/webkit/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png b/__snapshots__/divider/showcase/webkit/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png index 531b4e6291c..7e25fa3e23a 100644 Binary files a/__snapshots__/divider/showcase/webkit/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png and b/__snapshots__/divider/showcase/webkit/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png differ diff --git a/__snapshots__/divider/showcase/webkit/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/__snapshots__/divider/showcase/webkit/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..87acf48b5a0 --- /dev/null +++ b/__snapshots__/divider/showcase/webkit/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBDivider" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Variant arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive - Horizontal information_circle" / " Adaptive - Vertical + - link "Emphasis arrow_up_right\" / \"" + - text: information_circle" / " (Default) Weak information_circle" / " Strong \ No newline at end of file diff --git a/__snapshots__/drawer/component/chromium/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/component/chromium/DBDrawer-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..5d832048425 --- /dev/null +++ b/__snapshots__/drawer/component/chromium/DBDrawer-should-have-same-aria-snapshot.yaml @@ -0,0 +1,4 @@ +- dialog: + - article: + - button "cross\" / \" Close Button" + - text: Test \ No newline at end of file diff --git a/__snapshots__/drawer/component/firefox/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/component/firefox/DBDrawer-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4840e1e5c81 --- /dev/null +++ b/__snapshots__/drawer/component/firefox/DBDrawer-should-have-same-aria-snapshot.yaml @@ -0,0 +1,4 @@ +- dialog: + - article: + - button "Close Button" + - text: Test \ No newline at end of file diff --git a/__snapshots__/drawer/component/mobile-chrome/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/component/mobile-chrome/DBDrawer-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..5d832048425 --- /dev/null +++ b/__snapshots__/drawer/component/mobile-chrome/DBDrawer-should-have-same-aria-snapshot.yaml @@ -0,0 +1,4 @@ +- dialog: + - article: + - button "cross\" / \" Close Button" + - text: Test \ No newline at end of file diff --git a/__snapshots__/drawer/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b60d8d91f8c --- /dev/null +++ b/__snapshots__/drawer/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -0,0 +1,30 @@ +- main: + - heading "DBDrawer" [level=1] + - link "Density arrow_up_right\" / \"" + - 'button "Open: Functional"' + - 'button "Open: (Default) Regular"' + - 'button "Open: Expressive"' + - link "Size arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Full"' + - link "Rounded arrow_up_right\" / \"" + - 'button "Open: (Default) No rounding"' + - 'button "Open: Rounded"' + - link "Spacing arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Small"' + - 'button "Open: Large"' + - 'button "Open: None"' + - link "Backdrop arrow_up_right\" / \"" + - 'button "Open: (Default) With Backdrop"' + - 'button "Open: Backdrop-weak"' + - 'button "Open: Invisible"' + - 'button "Open: No Backdrop"' + - link "Directions arrow_up_right\" / \"" + - 'button "Open: (Default) Right"' + - 'button "Open: Left"' + - 'button "Open: Up"' + - 'button "Open: Down"' + - link "Example arrow_up_right\" / \"" + - 'button "Open: (Default) As modal"' + - 'button "Open: Inside"' \ No newline at end of file diff --git a/__snapshots__/drawer/showcase/chromium/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/chromium/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b60d8d91f8c --- /dev/null +++ b/__snapshots__/drawer/showcase/chromium/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -0,0 +1,30 @@ +- main: + - heading "DBDrawer" [level=1] + - link "Density arrow_up_right\" / \"" + - 'button "Open: Functional"' + - 'button "Open: (Default) Regular"' + - 'button "Open: Expressive"' + - link "Size arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Full"' + - link "Rounded arrow_up_right\" / \"" + - 'button "Open: (Default) No rounding"' + - 'button "Open: Rounded"' + - link "Spacing arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Small"' + - 'button "Open: Large"' + - 'button "Open: None"' + - link "Backdrop arrow_up_right\" / \"" + - 'button "Open: (Default) With Backdrop"' + - 'button "Open: Backdrop-weak"' + - 'button "Open: Invisible"' + - 'button "Open: No Backdrop"' + - link "Directions arrow_up_right\" / \"" + - 'button "Open: (Default) Right"' + - 'button "Open: Left"' + - 'button "Open: Up"' + - 'button "Open: Down"' + - link "Example arrow_up_right\" / \"" + - 'button "Open: (Default) As modal"' + - 'button "Open: Inside"' \ No newline at end of file diff --git a/__snapshots__/drawer/showcase/firefox/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/firefox/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b60d8d91f8c --- /dev/null +++ b/__snapshots__/drawer/showcase/firefox/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -0,0 +1,30 @@ +- main: + - heading "DBDrawer" [level=1] + - link "Density arrow_up_right\" / \"" + - 'button "Open: Functional"' + - 'button "Open: (Default) Regular"' + - 'button "Open: Expressive"' + - link "Size arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Full"' + - link "Rounded arrow_up_right\" / \"" + - 'button "Open: (Default) No rounding"' + - 'button "Open: Rounded"' + - link "Spacing arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Small"' + - 'button "Open: Large"' + - 'button "Open: None"' + - link "Backdrop arrow_up_right\" / \"" + - 'button "Open: (Default) With Backdrop"' + - 'button "Open: Backdrop-weak"' + - 'button "Open: Invisible"' + - 'button "Open: No Backdrop"' + - link "Directions arrow_up_right\" / \"" + - 'button "Open: (Default) Right"' + - 'button "Open: Left"' + - 'button "Open: Up"' + - 'button "Open: Down"' + - link "Example arrow_up_right\" / \"" + - 'button "Open: (Default) As modal"' + - 'button "Open: Inside"' \ No newline at end of file diff --git a/__snapshots__/drawer/showcase/mobile-chrome/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/mobile-chrome/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b60d8d91f8c --- /dev/null +++ b/__snapshots__/drawer/showcase/mobile-chrome/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -0,0 +1,30 @@ +- main: + - heading "DBDrawer" [level=1] + - link "Density arrow_up_right\" / \"" + - 'button "Open: Functional"' + - 'button "Open: (Default) Regular"' + - 'button "Open: Expressive"' + - link "Size arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Full"' + - link "Rounded arrow_up_right\" / \"" + - 'button "Open: (Default) No rounding"' + - 'button "Open: Rounded"' + - link "Spacing arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Small"' + - 'button "Open: Large"' + - 'button "Open: None"' + - link "Backdrop arrow_up_right\" / \"" + - 'button "Open: (Default) With Backdrop"' + - 'button "Open: Backdrop-weak"' + - 'button "Open: Invisible"' + - 'button "Open: No Backdrop"' + - link "Directions arrow_up_right\" / \"" + - 'button "Open: (Default) Right"' + - 'button "Open: Left"' + - 'button "Open: Up"' + - 'button "Open: Down"' + - link "Example arrow_up_right\" / \"" + - 'button "Open: (Default) As modal"' + - 'button "Open: Inside"' \ No newline at end of file diff --git a/__snapshots__/drawer/showcase/mobile-safari/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/mobile-safari/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index 11d96143f17..5cedb8d1dcc 100644 Binary files a/__snapshots__/drawer/showcase/mobile-safari/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/mobile-safari/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/mobile-safari/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/mobile-safari/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b60d8d91f8c --- /dev/null +++ b/__snapshots__/drawer/showcase/mobile-safari/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -0,0 +1,30 @@ +- main: + - heading "DBDrawer" [level=1] + - link "Density arrow_up_right\" / \"" + - 'button "Open: Functional"' + - 'button "Open: (Default) Regular"' + - 'button "Open: Expressive"' + - link "Size arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Full"' + - link "Rounded arrow_up_right\" / \"" + - 'button "Open: (Default) No rounding"' + - 'button "Open: Rounded"' + - link "Spacing arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Small"' + - 'button "Open: Large"' + - 'button "Open: None"' + - link "Backdrop arrow_up_right\" / \"" + - 'button "Open: (Default) With Backdrop"' + - 'button "Open: Backdrop-weak"' + - 'button "Open: Invisible"' + - 'button "Open: No Backdrop"' + - link "Directions arrow_up_right\" / \"" + - 'button "Open: (Default) Right"' + - 'button "Open: Left"' + - 'button "Open: Up"' + - 'button "Open: Down"' + - link "Example arrow_up_right\" / \"" + - 'button "Open: (Default) As modal"' + - 'button "Open: Inside"' \ No newline at end of file diff --git a/__snapshots__/drawer/showcase/webkit/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/webkit/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index 4f190f8d686..fed0cf30ec9 100644 Binary files a/__snapshots__/drawer/showcase/webkit/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/webkit/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/webkit/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/webkit/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b60d8d91f8c --- /dev/null +++ b/__snapshots__/drawer/showcase/webkit/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -0,0 +1,30 @@ +- main: + - heading "DBDrawer" [level=1] + - link "Density arrow_up_right\" / \"" + - 'button "Open: Functional"' + - 'button "Open: (Default) Regular"' + - 'button "Open: Expressive"' + - link "Size arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Full"' + - link "Rounded arrow_up_right\" / \"" + - 'button "Open: (Default) No rounding"' + - 'button "Open: Rounded"' + - link "Spacing arrow_up_right\" / \"" + - 'button "Open: (Default) Medium"' + - 'button "Open: Small"' + - 'button "Open: Large"' + - 'button "Open: None"' + - link "Backdrop arrow_up_right\" / \"" + - 'button "Open: (Default) With Backdrop"' + - 'button "Open: Backdrop-weak"' + - 'button "Open: Invisible"' + - 'button "Open: No Backdrop"' + - link "Directions arrow_up_right\" / \"" + - 'button "Open: (Default) Right"' + - 'button "Open: Left"' + - 'button "Open: Up"' + - 'button "Open: Down"' + - link "Example arrow_up_right\" / \"" + - 'button "Open: (Default) As modal"' + - 'button "Open: Inside"' \ No newline at end of file diff --git a/__snapshots__/foundations/webkit/Colors-should-match-screenshot-1/Colors-should-match-screenshot.png b/__snapshots__/foundations/webkit/Colors-should-match-screenshot-1/Colors-should-match-screenshot.png index bac3a2b323f..9406d810143 100644 Binary files a/__snapshots__/foundations/webkit/Colors-should-match-screenshot-1/Colors-should-match-screenshot.png and b/__snapshots__/foundations/webkit/Colors-should-match-screenshot-1/Colors-should-match-screenshot.png differ diff --git a/__snapshots__/foundations/webkit/Fonts-should-match-screenshot-1/Fonts-should-match-screenshot.png b/__snapshots__/foundations/webkit/Fonts-should-match-screenshot-1/Fonts-should-match-screenshot.png index e3ba550f5e5..435b841e2ed 100644 Binary files a/__snapshots__/foundations/webkit/Fonts-should-match-screenshot-1/Fonts-should-match-screenshot.png and b/__snapshots__/foundations/webkit/Fonts-should-match-screenshot-1/Fonts-should-match-screenshot.png differ diff --git a/__snapshots__/foundations/webkit/Icons-should-match-screenshot-1/Icons-should-match-screenshot.png b/__snapshots__/foundations/webkit/Icons-should-match-screenshot-1/Icons-should-match-screenshot.png index c8b18ae4987..1a330e13e58 100644 Binary files a/__snapshots__/foundations/webkit/Icons-should-match-screenshot-1/Icons-should-match-screenshot.png and b/__snapshots__/foundations/webkit/Icons-should-match-screenshot-1/Icons-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml b/__snapshots__/header/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..66a66b22a2a --- /dev/null +++ b/__snapshots__/header/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml @@ -0,0 +1,124 @@ +- main: + - heading "DBHeader" [level=1] + - link "Density arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Functional": + - list: + - listitem: + - text: person" / " + - link "Functional" + - listitem: + - link "Functional disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "(Default) Regular": + - list: + - listitem: + - text: person" / " + - link "(Default) Regular" + - listitem: + - link "(Default) Regular disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Expressive": + - list: + - listitem: + - text: person" / " + - link "Expressive" + - listitem: + - link "Expressive disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Width arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Full": + - list: + - listitem: + - text: person" / " + - link "Full" + - listitem: + - link "Full disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Medium": + - list: + - listitem: + - text: person" / " + - link "Medium" + - listitem: + - link "Medium disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Large": + - list: + - listitem: + - text: person" / " + - link "Large" + - listitem: + - link "Large disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Behaviour arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Desktop (full width)": + - list: + - listitem: + - text: person" / " + - link "Desktop (full width)" + - listitem: + - link "Desktop (full width) disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - link "Examples arrow_up_right\" / \"" + - text: db" / " DBHeader + - navigation "With Application Name + Navigation": + - list: + - listitem: + - text: person" / " + - link "With Application Name + Navigation" + - listitem: + - link "With Application Name + Navigation disabled" + - text: db" / " DBHeader db" / " + - navigation "Without Application Name": + - list: + - listitem: + - text: person" / " + - link "Without Application Name" + - listitem: + - link "Without Application Name disabled" + - text: db" / " \ No newline at end of file diff --git a/__snapshots__/header/showcase/chromium/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml b/__snapshots__/header/showcase/chromium/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..66a66b22a2a --- /dev/null +++ b/__snapshots__/header/showcase/chromium/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml @@ -0,0 +1,124 @@ +- main: + - heading "DBHeader" [level=1] + - link "Density arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Functional": + - list: + - listitem: + - text: person" / " + - link "Functional" + - listitem: + - link "Functional disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "(Default) Regular": + - list: + - listitem: + - text: person" / " + - link "(Default) Regular" + - listitem: + - link "(Default) Regular disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Expressive": + - list: + - listitem: + - text: person" / " + - link "Expressive" + - listitem: + - link "Expressive disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Width arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Full": + - list: + - listitem: + - text: person" / " + - link "Full" + - listitem: + - link "Full disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Medium": + - list: + - listitem: + - text: person" / " + - link "Medium" + - listitem: + - link "Medium disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Large": + - list: + - listitem: + - text: person" / " + - link "Large" + - listitem: + - link "Large disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Behaviour arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Desktop (full width)": + - list: + - listitem: + - text: person" / " + - link "Desktop (full width)" + - listitem: + - link "Desktop (full width) disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - link "Examples arrow_up_right\" / \"" + - text: db" / " DBHeader + - navigation "With Application Name + Navigation": + - list: + - listitem: + - text: person" / " + - link "With Application Name + Navigation" + - listitem: + - link "With Application Name + Navigation disabled" + - text: db" / " DBHeader db" / " + - navigation "Without Application Name": + - list: + - listitem: + - text: person" / " + - link "Without Application Name" + - listitem: + - link "Without Application Name disabled" + - text: db" / " \ No newline at end of file diff --git a/__snapshots__/header/showcase/firefox/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml b/__snapshots__/header/showcase/firefox/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..d2f6afd5726 --- /dev/null +++ b/__snapshots__/header/showcase/firefox/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml @@ -0,0 +1,114 @@ +- main: + - heading "DBHeader" [level=1] + - link "Density arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: DBHeader + - navigation "Functional": + - list: + - listitem: + - link "Functional" + - listitem: + - link "Functional disabled" + - button "Search" + - button "Profile" + - button "Notification" + - button "Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: DBHeader + - navigation "(Default) Regular": + - list: + - listitem: + - link "(Default) Regular" + - listitem: + - link "(Default) Regular disabled" + - button "Search" + - button "Profile" + - button "Notification" + - button "Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: DBHeader + - navigation "Expressive": + - list: + - listitem: + - link "Expressive" + - listitem: + - link "Expressive disabled" + - button "Search" + - button "Profile" + - button "Notification" + - button "Help" + - link "Width arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: DBHeader + - navigation "Full": + - list: + - listitem: + - link "Full" + - listitem: + - link "Full disabled" + - button "Search" + - button "Profile" + - button "Notification" + - button "Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: DBHeader + - navigation "Medium": + - list: + - listitem: + - link "Medium" + - listitem: + - link "Medium disabled" + - button "Search" + - button "Profile" + - button "Notification" + - button "Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: DBHeader + - navigation "Large": + - list: + - listitem: + - link "Large" + - listitem: + - link "Large disabled" + - button "Search" + - button "Profile" + - button "Notification" + - button "Help" + - link "Behaviour arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: DBHeader + - navigation "Desktop (full width)": + - list: + - listitem: + - link "Desktop (full width)" + - listitem: + - link "Desktop (full width) disabled" + - button "Search" + - button "Profile" + - button "Notification" + - button "Help" + - text: DBHeader + - button "Search" + - button "BurgerMenu" + - link "Examples arrow_up_right\" / \"" + - text: DBHeader + - navigation "With Application Name + Navigation": + - list: + - listitem: + - link "With Application Name + Navigation" + - listitem: + - link "With Application Name + Navigation disabled" + - text: DBHeader + - navigation "Without Application Name": + - list: + - listitem: + - link "Without Application Name" + - listitem: + - link "Without Application Name disabled" \ No newline at end of file diff --git a/__snapshots__/header/showcase/mobile-chrome/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml b/__snapshots__/header/showcase/mobile-chrome/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..30da7181f08 --- /dev/null +++ b/__snapshots__/header/showcase/mobile-chrome/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml @@ -0,0 +1,38 @@ +- main: + - heading "DBHeader" [level=1] + - link "Density arrow_up_right\" / \"" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - link "Width arrow_up_right\" / \"" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - link "Behaviour arrow_up_right\" / \"" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - link "Examples arrow_up_right\" / \"" + - text: db" / " DBHeader + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "menu\" / \" BurgerMenu" + - text: db" / " + - button "menu\" / \" BurgerMenu" + - text: db" / " + - button "menu\" / \" BurgerMenu" \ No newline at end of file diff --git a/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png b/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png index 831f95fa9dc..392507a0536 100644 Binary files a/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png and b/__snapshots__/header/showcase/mobile-safari/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/mobile-safari/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml b/__snapshots__/header/showcase/mobile-safari/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..30da7181f08 --- /dev/null +++ b/__snapshots__/header/showcase/mobile-safari/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml @@ -0,0 +1,38 @@ +- main: + - heading "DBHeader" [level=1] + - link "Density arrow_up_right\" / \"" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - link "Width arrow_up_right\" / \"" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - link "Behaviour arrow_up_right\" / \"" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - link "Examples arrow_up_right\" / \"" + - text: db" / " DBHeader + - button "menu\" / \" BurgerMenu" + - text: db" / " DBHeader + - button "menu\" / \" BurgerMenu" + - text: db" / " + - button "menu\" / \" BurgerMenu" + - text: db" / " + - button "menu\" / \" BurgerMenu" \ No newline at end of file diff --git a/__snapshots__/header/showcase/webkit/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png b/__snapshots__/header/showcase/webkit/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png index 8e13e998309..e828f12a6f1 100644 Binary files a/__snapshots__/header/showcase/webkit/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png and b/__snapshots__/header/showcase/webkit/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/webkit/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml b/__snapshots__/header/showcase/webkit/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..66a66b22a2a --- /dev/null +++ b/__snapshots__/header/showcase/webkit/should-have-same-aria-snapshot/DBHeader-should-have-same-aria-snapshot.yaml @@ -0,0 +1,124 @@ +- main: + - heading "DBHeader" [level=1] + - link "Density arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Functional": + - list: + - listitem: + - text: person" / " + - link "Functional" + - listitem: + - link "Functional disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "(Default) Regular": + - list: + - listitem: + - text: person" / " + - link "(Default) Regular" + - listitem: + - link "(Default) Regular disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Expressive": + - list: + - listitem: + - text: person" / " + - link "Expressive" + - listitem: + - link "Expressive disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Width arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Full": + - list: + - listitem: + - text: person" / " + - link "Full" + - listitem: + - link "Full disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Medium": + - list: + - listitem: + - text: person" / " + - link "Medium" + - listitem: + - link "Medium disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Large": + - list: + - listitem: + - text: person" / " + - link "Large" + - listitem: + - link "Large disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - link "Behaviour arrow_up_right\" / \"" + - link "Imprint arrow_right\" / \"" + - link "Help arrow_right\" / \"" + - text: db" / " DBHeader + - navigation "Desktop (full width)": + - list: + - listitem: + - text: person" / " + - link "Desktop (full width)" + - listitem: + - link "Desktop (full width) disabled" + - button "magnifying_glass\" / \" Search" + - button "person\" / \" Profile" + - button "bell\" / \" Notification" + - button "question_mark_circle\" / \" Help" + - text: db" / " DBHeader + - button "magnifying_glass\" / \" Search" + - button "menu\" / \" BurgerMenu" + - link "Examples arrow_up_right\" / \"" + - text: db" / " DBHeader + - navigation "With Application Name + Navigation": + - list: + - listitem: + - text: person" / " + - link "With Application Name + Navigation" + - listitem: + - link "With Application Name + Navigation disabled" + - text: db" / " DBHeader db" / " + - navigation "Without Application Name": + - list: + - listitem: + - text: person" / " + - link "Without Application Name" + - listitem: + - link "Without Application Name disabled" + - text: db" / " \ No newline at end of file diff --git a/__snapshots__/icon/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml b/__snapshots__/icon/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..79473d8878c --- /dev/null +++ b/__snapshots__/icon/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml @@ -0,0 +1,4 @@ +- main: + - heading "DBIcon" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive \ No newline at end of file diff --git a/__snapshots__/icon/showcase/chromium/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml b/__snapshots__/icon/showcase/chromium/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..79473d8878c --- /dev/null +++ b/__snapshots__/icon/showcase/chromium/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml @@ -0,0 +1,4 @@ +- main: + - heading "DBIcon" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive \ No newline at end of file diff --git a/__snapshots__/icon/showcase/firefox/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml b/__snapshots__/icon/showcase/firefox/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..79473d8878c --- /dev/null +++ b/__snapshots__/icon/showcase/firefox/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml @@ -0,0 +1,4 @@ +- main: + - heading "DBIcon" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive \ No newline at end of file diff --git a/__snapshots__/icon/showcase/mobile-chrome/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml b/__snapshots__/icon/showcase/mobile-chrome/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..79473d8878c --- /dev/null +++ b/__snapshots__/icon/showcase/mobile-chrome/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml @@ -0,0 +1,4 @@ +- main: + - heading "DBIcon" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive \ No newline at end of file diff --git a/__snapshots__/icon/showcase/mobile-safari/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png b/__snapshots__/icon/showcase/mobile-safari/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png index 006d524d555..72a2cae56f6 100644 Binary files a/__snapshots__/icon/showcase/mobile-safari/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png and b/__snapshots__/icon/showcase/mobile-safari/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png differ diff --git a/__snapshots__/icon/showcase/mobile-safari/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml b/__snapshots__/icon/showcase/mobile-safari/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..79473d8878c --- /dev/null +++ b/__snapshots__/icon/showcase/mobile-safari/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml @@ -0,0 +1,4 @@ +- main: + - heading "DBIcon" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive \ No newline at end of file diff --git a/__snapshots__/icon/showcase/webkit/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png b/__snapshots__/icon/showcase/webkit/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png index 2fbc00a337f..281934d5c1b 100644 Binary files a/__snapshots__/icon/showcase/webkit/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png and b/__snapshots__/icon/showcase/webkit/DBIcon-should-match-screenshot-1/DBIcon-should-match-screenshot.png differ diff --git a/__snapshots__/icon/showcase/webkit/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml b/__snapshots__/icon/showcase/webkit/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..79473d8878c --- /dev/null +++ b/__snapshots__/icon/showcase/webkit/should-have-same-aria-snapshot/DBIcon-should-have-same-aria-snapshot.yaml @@ -0,0 +1,4 @@ +- main: + - heading "DBIcon" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive \ No newline at end of file diff --git a/__snapshots__/infotext/component/chromium/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/component/chromium/DBInfotext-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..68d57a8f7b1 --- /dev/null +++ b/__snapshots__/infotext/component/chromium/DBInfotext-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: information_circle" / " Test \ No newline at end of file diff --git a/__snapshots__/infotext/component/firefox/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/component/firefox/DBInfotext-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..68d57a8f7b1 --- /dev/null +++ b/__snapshots__/infotext/component/firefox/DBInfotext-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: information_circle" / " Test \ No newline at end of file diff --git a/__snapshots__/infotext/component/mobile-chrome/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/component/mobile-chrome/DBInfotext-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..68d57a8f7b1 --- /dev/null +++ b/__snapshots__/infotext/component/mobile-chrome/DBInfotext-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: information_circle" / " Test \ No newline at end of file diff --git a/__snapshots__/infotext/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b38001cf6ec --- /dev/null +++ b/__snapshots__/infotext/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBInfotext" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Semantic arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning + - link "Size arrow_up_right\" / \"" + - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file diff --git a/__snapshots__/infotext/showcase/chromium/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/chromium/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b38001cf6ec --- /dev/null +++ b/__snapshots__/infotext/showcase/chromium/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBInfotext" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Semantic arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning + - link "Size arrow_up_right\" / \"" + - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file diff --git a/__snapshots__/infotext/showcase/firefox/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/firefox/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b38001cf6ec --- /dev/null +++ b/__snapshots__/infotext/showcase/firefox/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBInfotext" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Semantic arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning + - link "Size arrow_up_right\" / \"" + - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file diff --git a/__snapshots__/infotext/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b38001cf6ec --- /dev/null +++ b/__snapshots__/infotext/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBInfotext" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Semantic arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning + - link "Size arrow_up_right\" / \"" + - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file diff --git a/__snapshots__/infotext/showcase/mobile-safari/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/mobile-safari/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index ab11f1e9b5a..f32d0dc9b34 100644 Binary files a/__snapshots__/infotext/showcase/mobile-safari/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/mobile-safari/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/mobile-safari/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/mobile-safari/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b38001cf6ec --- /dev/null +++ b/__snapshots__/infotext/showcase/mobile-safari/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBInfotext" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Semantic arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning + - link "Size arrow_up_right\" / \"" + - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file diff --git a/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index bda082c7e97..daabaa5bfe8 100644 Binary files a/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/webkit/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/webkit/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b38001cf6ec --- /dev/null +++ b/__snapshots__/infotext/showcase/webkit/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBInfotext" [level=1] + - link "Density arrow_up_right\" / \"" + - text: information_circle" / " Functional information_circle" / " (Default) Regular information_circle" / " Expressive + - link "Semantic arrow_up_right\" / \"" + - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning + - link "Size arrow_up_right\" / \"" + - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file diff --git a/__snapshots__/input/component/chromium/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/component/chromium/DBInput-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..339d19ce19b --- /dev/null +++ b/__snapshots__/input/component/chromium/DBInput-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- text: Label +- textbox "Label": Test +- status \ No newline at end of file diff --git a/__snapshots__/input/component/firefox/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/component/firefox/DBInput-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..339d19ce19b --- /dev/null +++ b/__snapshots__/input/component/firefox/DBInput-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- text: Label +- textbox "Label": Test +- status \ No newline at end of file diff --git a/__snapshots__/input/component/mobile-chrome/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/component/mobile-chrome/DBInput-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..339d19ce19b --- /dev/null +++ b/__snapshots__/input/component/mobile-chrome/DBInput-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- text: Label +- textbox "Label": Test +- status \ No newline at end of file diff --git a/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 90d4dff515a..6c5d9db8684 100644 Binary files a/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4be05a3dd30 --- /dev/null +++ b/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -0,0 +1,166 @@ +- main: + - heading "DBInput" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "Content arrow_up_right\" / \"" + - text: Label + - textbox "Label": (Default) Text + - status + - text: Number + - spinbutton "Number": 123456 + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Example - Types arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status + - link "Example - Types - Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status \ No newline at end of file diff --git a/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index fec0df8341f..ec66b5bce2b 100644 Binary files a/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4be05a3dd30 --- /dev/null +++ b/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -0,0 +1,166 @@ +- main: + - heading "DBInput" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "Content arrow_up_right\" / \"" + - text: Label + - textbox "Label": (Default) Text + - status + - text: Number + - spinbutton "Number": 123456 + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Example - Types arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status + - link "Example - Types - Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status \ No newline at end of file diff --git a/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..2e883b9a98f --- /dev/null +++ b/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -0,0 +1,165 @@ +- main: + - heading "DBInput" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "Content arrow_up_right\" / \"" + - text: Label + - textbox "Label": (Default) Text + - status + - text: Number + - spinbutton "Number": 123456 + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Example - Types arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status + - link "Example - Types - Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status \ No newline at end of file diff --git a/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 4a01467a853..7d08ac4b269 100644 Binary files a/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4be05a3dd30 --- /dev/null +++ b/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -0,0 +1,166 @@ +- main: + - heading "DBInput" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "Content arrow_up_right\" / \"" + - text: Label + - textbox "Label": (Default) Text + - status + - text: Number + - spinbutton "Number": 123456 + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Example - Types arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status + - link "Example - Types - Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status \ No newline at end of file diff --git a/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 65138f2fbcf..61d2c9a2b04 100644 Binary files a/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4be05a3dd30 --- /dev/null +++ b/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -0,0 +1,166 @@ +- main: + - heading "DBInput" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "Content arrow_up_right\" / \"" + - text: Label + - textbox "Label": (Default) Text + - status + - text: Number + - spinbutton "Number": 123456 + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Example - Types arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status + - link "Example - Types - Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status \ No newline at end of file diff --git a/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 9a3d678a085..10c978ad1fe 100644 Binary files a/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4be05a3dd30 --- /dev/null +++ b/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -0,0 +1,166 @@ +- main: + - heading "DBInput" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status + - link "Content arrow_up_right\" / \"" + - text: Label + - textbox "Label": (Default) Text + - status + - text: Number + - spinbutton "Number": 123456 + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " Label + - textbox "Label" + - status + - text: db" / " + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Example - Types arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status + - link "Example - Types - Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: magnifying_glass" / " Label + - searchbox "Label" + - status + - text: cross_circle" / " Label + - textbox "Label" + - status + - text: Label + - spinbutton "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - textbox "Label" + - status + - text: clock" / " Label + - textbox "Label" + - status + - text: calendar" / " Label + - combobox "Label" + - status + - text: chevron_down" / " Label + - textbox "Label" + - status \ No newline at end of file diff --git a/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..69ac1e07622 --- /dev/null +++ b/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -0,0 +1,18 @@ +- main: + - heading "DBLink" [level=1] + - link "Density arrow_up_right\" / \"" + - link "Functional arrow_right\" / \"" + - link "(Default) Regular arrow_right\" / \"" + - link "Expressive arrow_right\" / \"" + - link "Semantic arrow_up_right\" / \"" + - link "(Default) Adaptive arrow_right\" / \"" + - link "Brand arrow_right\" / \"" + - link "Interaction-States arrow_up_right\" / \"" + - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" + - link "Disabled arrow_right\" / \"" [disabled] + - link "Size arrow_up_right\" / \"" + - link "(Default) Medium arrow_right\" / \"" + - link "Small arrow_right\" / \"" + - link "Content arrow_up_right\" / \"" + - link "(Default) Internal arrow_right\" / \"" + - link "External arrow_up_right\" / \"" \ No newline at end of file diff --git a/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..69ac1e07622 --- /dev/null +++ b/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -0,0 +1,18 @@ +- main: + - heading "DBLink" [level=1] + - link "Density arrow_up_right\" / \"" + - link "Functional arrow_right\" / \"" + - link "(Default) Regular arrow_right\" / \"" + - link "Expressive arrow_right\" / \"" + - link "Semantic arrow_up_right\" / \"" + - link "(Default) Adaptive arrow_right\" / \"" + - link "Brand arrow_right\" / \"" + - link "Interaction-States arrow_up_right\" / \"" + - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" + - link "Disabled arrow_right\" / \"" [disabled] + - link "Size arrow_up_right\" / \"" + - link "(Default) Medium arrow_right\" / \"" + - link "Small arrow_right\" / \"" + - link "Content arrow_up_right\" / \"" + - link "(Default) Internal arrow_right\" / \"" + - link "External arrow_up_right\" / \"" \ No newline at end of file diff --git a/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..69ac1e07622 --- /dev/null +++ b/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -0,0 +1,18 @@ +- main: + - heading "DBLink" [level=1] + - link "Density arrow_up_right\" / \"" + - link "Functional arrow_right\" / \"" + - link "(Default) Regular arrow_right\" / \"" + - link "Expressive arrow_right\" / \"" + - link "Semantic arrow_up_right\" / \"" + - link "(Default) Adaptive arrow_right\" / \"" + - link "Brand arrow_right\" / \"" + - link "Interaction-States arrow_up_right\" / \"" + - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" + - link "Disabled arrow_right\" / \"" [disabled] + - link "Size arrow_up_right\" / \"" + - link "(Default) Medium arrow_right\" / \"" + - link "Small arrow_right\" / \"" + - link "Content arrow_up_right\" / \"" + - link "(Default) Internal arrow_right\" / \"" + - link "External arrow_up_right\" / \"" \ No newline at end of file diff --git a/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..69ac1e07622 --- /dev/null +++ b/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -0,0 +1,18 @@ +- main: + - heading "DBLink" [level=1] + - link "Density arrow_up_right\" / \"" + - link "Functional arrow_right\" / \"" + - link "(Default) Regular arrow_right\" / \"" + - link "Expressive arrow_right\" / \"" + - link "Semantic arrow_up_right\" / \"" + - link "(Default) Adaptive arrow_right\" / \"" + - link "Brand arrow_right\" / \"" + - link "Interaction-States arrow_up_right\" / \"" + - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" + - link "Disabled arrow_right\" / \"" [disabled] + - link "Size arrow_up_right\" / \"" + - link "(Default) Medium arrow_right\" / \"" + - link "Small arrow_right\" / \"" + - link "Content arrow_up_right\" / \"" + - link "(Default) Internal arrow_right\" / \"" + - link "External arrow_up_right\" / \"" \ No newline at end of file diff --git a/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index ed178387758..f66ec6b6091 100644 Binary files a/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..69ac1e07622 --- /dev/null +++ b/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -0,0 +1,18 @@ +- main: + - heading "DBLink" [level=1] + - link "Density arrow_up_right\" / \"" + - link "Functional arrow_right\" / \"" + - link "(Default) Regular arrow_right\" / \"" + - link "Expressive arrow_right\" / \"" + - link "Semantic arrow_up_right\" / \"" + - link "(Default) Adaptive arrow_right\" / \"" + - link "Brand arrow_right\" / \"" + - link "Interaction-States arrow_up_right\" / \"" + - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" + - link "Disabled arrow_right\" / \"" [disabled] + - link "Size arrow_up_right\" / \"" + - link "(Default) Medium arrow_right\" / \"" + - link "Small arrow_right\" / \"" + - link "Content arrow_up_right\" / \"" + - link "(Default) Internal arrow_right\" / \"" + - link "External arrow_up_right\" / \"" \ No newline at end of file diff --git a/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index c3594b7e9fc..0421c2ebfdf 100644 Binary files a/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..69ac1e07622 --- /dev/null +++ b/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -0,0 +1,18 @@ +- main: + - heading "DBLink" [level=1] + - link "Density arrow_up_right\" / \"" + - link "Functional arrow_right\" / \"" + - link "(Default) Regular arrow_right\" / \"" + - link "Expressive arrow_right\" / \"" + - link "Semantic arrow_up_right\" / \"" + - link "(Default) Adaptive arrow_right\" / \"" + - link "Brand arrow_right\" / \"" + - link "Interaction-States arrow_up_right\" / \"" + - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" + - link "Disabled arrow_right\" / \"" [disabled] + - link "Size arrow_up_right\" / \"" + - link "(Default) Medium arrow_right\" / \"" + - link "Small arrow_right\" / \"" + - link "Content arrow_up_right\" / \"" + - link "(Default) Internal arrow_right\" / \"" + - link "External arrow_up_right\" / \"" \ No newline at end of file diff --git a/__snapshots__/navigation-item/component/chromium/DBNavigationItem-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation-item/component/chromium/DBNavigationItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..eb8a9e71698 --- /dev/null +++ b/__snapshots__/navigation-item/component/chromium/DBNavigationItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,7 @@ +- list: + - listitem: + - link "Test1" + - listitem: + - link "Test2" + - listitem: + - link "Test3" \ No newline at end of file diff --git a/__snapshots__/navigation-item/component/firefox/DBNavigationItem-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation-item/component/firefox/DBNavigationItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..eb8a9e71698 --- /dev/null +++ b/__snapshots__/navigation-item/component/firefox/DBNavigationItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,7 @@ +- list: + - listitem: + - link "Test1" + - listitem: + - link "Test2" + - listitem: + - link "Test3" \ No newline at end of file diff --git a/__snapshots__/navigation-item/component/mobile-chrome/DBNavigationItem-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation-item/component/mobile-chrome/DBNavigationItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..eb8a9e71698 --- /dev/null +++ b/__snapshots__/navigation-item/component/mobile-chrome/DBNavigationItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,7 @@ +- list: + - listitem: + - link "Test1" + - listitem: + - link "Test2" + - listitem: + - link "Test3" \ No newline at end of file diff --git a/__snapshots__/navigation-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f0a46318934 --- /dev/null +++ b/__snapshots__/navigation-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,44 @@ +- main: + - heading "DBNavigationItem" [level=1] + - link "Density arrow_up_right\" / \"" + - list: + - listitem: + - link "Functional" + - list: + - listitem: + - link "(Default) Regular" + - list: + - listitem: + - link "Expressive" + - link "Interaction-States arrow_up_right\" / \"" + - list: + - listitem: + - link "Enabled (Default)/Hover/Pressed" + - list: + - listitem: + - link "Active" + - list: + - listitem: + - link "Disabled" + - link "Content arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Text" + - list: + - listitem: + - text: person" / " + - link "Text - Icon (Leading)" + - list: + - listitem: + - text: person" / " + - button "Text - Icons (Leading, Chevron) chevron_right\" / \"" + - list: + - listitem: + - button "Text - Icon (Chevron) chevron_right\" / \"" + - link "Width arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Auto" + - list: + - listitem: + - link "Full" \ No newline at end of file diff --git a/__snapshots__/navigation-item/showcase/chromium/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation-item/showcase/chromium/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f0a46318934 --- /dev/null +++ b/__snapshots__/navigation-item/showcase/chromium/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,44 @@ +- main: + - heading "DBNavigationItem" [level=1] + - link "Density arrow_up_right\" / \"" + - list: + - listitem: + - link "Functional" + - list: + - listitem: + - link "(Default) Regular" + - list: + - listitem: + - link "Expressive" + - link "Interaction-States arrow_up_right\" / \"" + - list: + - listitem: + - link "Enabled (Default)/Hover/Pressed" + - list: + - listitem: + - link "Active" + - list: + - listitem: + - link "Disabled" + - link "Content arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Text" + - list: + - listitem: + - text: person" / " + - link "Text - Icon (Leading)" + - list: + - listitem: + - text: person" / " + - button "Text - Icons (Leading, Chevron) chevron_right\" / \"" + - list: + - listitem: + - button "Text - Icon (Chevron) chevron_right\" / \"" + - link "Width arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Auto" + - list: + - listitem: + - link "Full" \ No newline at end of file diff --git a/__snapshots__/navigation-item/showcase/firefox/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation-item/showcase/firefox/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..e800a5b3c1e --- /dev/null +++ b/__snapshots__/navigation-item/showcase/firefox/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,42 @@ +- main: + - heading "DBNavigationItem" [level=1] + - link "Density arrow_up_right\" / \"" + - list: + - listitem: + - link "Functional" + - list: + - listitem: + - link "(Default) Regular" + - list: + - listitem: + - link "Expressive" + - link "Interaction-States arrow_up_right\" / \"" + - list: + - listitem: + - link "Enabled (Default)/Hover/Pressed" + - list: + - listitem: + - link "Active" + - list: + - listitem: + - link "Disabled" + - link "Content arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Text" + - list: + - listitem: + - link "Text - Icon (Leading)" + - list: + - listitem: + - button "Text - Icons (Leading, Chevron) chevron_right\" / \"" + - list: + - listitem: + - button "Text - Icon (Chevron) chevron_right\" / \"" + - link "Width arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Auto" + - list: + - listitem: + - link "Full" \ No newline at end of file diff --git a/__snapshots__/navigation-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f0a46318934 --- /dev/null +++ b/__snapshots__/navigation-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,44 @@ +- main: + - heading "DBNavigationItem" [level=1] + - link "Density arrow_up_right\" / \"" + - list: + - listitem: + - link "Functional" + - list: + - listitem: + - link "(Default) Regular" + - list: + - listitem: + - link "Expressive" + - link "Interaction-States arrow_up_right\" / \"" + - list: + - listitem: + - link "Enabled (Default)/Hover/Pressed" + - list: + - listitem: + - link "Active" + - list: + - listitem: + - link "Disabled" + - link "Content arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Text" + - list: + - listitem: + - text: person" / " + - link "Text - Icon (Leading)" + - list: + - listitem: + - text: person" / " + - button "Text - Icons (Leading, Chevron) chevron_right\" / \"" + - list: + - listitem: + - button "Text - Icon (Chevron) chevron_right\" / \"" + - link "Width arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Auto" + - list: + - listitem: + - link "Full" \ No newline at end of file diff --git a/__snapshots__/navigation-item/showcase/mobile-safari/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/mobile-safari/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png index a0605ab20ef..313676f6caa 100644 Binary files a/__snapshots__/navigation-item/showcase/mobile-safari/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png and b/__snapshots__/navigation-item/showcase/mobile-safari/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png differ diff --git a/__snapshots__/navigation-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f0a46318934 --- /dev/null +++ b/__snapshots__/navigation-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,44 @@ +- main: + - heading "DBNavigationItem" [level=1] + - link "Density arrow_up_right\" / \"" + - list: + - listitem: + - link "Functional" + - list: + - listitem: + - link "(Default) Regular" + - list: + - listitem: + - link "Expressive" + - link "Interaction-States arrow_up_right\" / \"" + - list: + - listitem: + - link "Enabled (Default)/Hover/Pressed" + - list: + - listitem: + - link "Active" + - list: + - listitem: + - link "Disabled" + - link "Content arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Text" + - list: + - listitem: + - text: person" / " + - link "Text - Icon (Leading)" + - list: + - listitem: + - text: person" / " + - button "Text - Icons (Leading, Chevron) chevron_right\" / \"" + - list: + - listitem: + - button "Text - Icon (Chevron) chevron_right\" / \"" + - link "Width arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Auto" + - list: + - listitem: + - link "Full" \ No newline at end of file diff --git a/__snapshots__/navigation-item/showcase/webkit/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/webkit/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png index 950fa08c7a0..b87857996ef 100644 Binary files a/__snapshots__/navigation-item/showcase/webkit/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png and b/__snapshots__/navigation-item/showcase/webkit/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png differ diff --git a/__snapshots__/navigation-item/showcase/webkit/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation-item/showcase/webkit/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f0a46318934 --- /dev/null +++ b/__snapshots__/navigation-item/showcase/webkit/should-have-same-aria-snapshot/DBNavigationItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,44 @@ +- main: + - heading "DBNavigationItem" [level=1] + - link "Density arrow_up_right\" / \"" + - list: + - listitem: + - link "Functional" + - list: + - listitem: + - link "(Default) Regular" + - list: + - listitem: + - link "Expressive" + - link "Interaction-States arrow_up_right\" / \"" + - list: + - listitem: + - link "Enabled (Default)/Hover/Pressed" + - list: + - listitem: + - link "Active" + - list: + - listitem: + - link "Disabled" + - link "Content arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Text" + - list: + - listitem: + - text: person" / " + - link "Text - Icon (Leading)" + - list: + - listitem: + - text: person" / " + - button "Text - Icons (Leading, Chevron) chevron_right\" / \"" + - list: + - listitem: + - button "Text - Icon (Chevron) chevron_right\" / \"" + - link "Width arrow_up_right\" / \"" + - list: + - listitem: + - link "(Default) Auto" + - list: + - listitem: + - link "Full" \ No newline at end of file diff --git a/__snapshots__/navigation/component/chromium/DBNavigation-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation/component/chromium/DBNavigation-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..1ba8aa06f0d --- /dev/null +++ b/__snapshots__/navigation/component/chromium/DBNavigation-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- navigation: + - list: + - listitem: + - button "Test1 chevron_right\" / \"" + - listitem: + - link "Test2" + - listitem: + - link "Test3" \ No newline at end of file diff --git a/__snapshots__/navigation/component/firefox/DBNavigation-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation/component/firefox/DBNavigation-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..1ba8aa06f0d --- /dev/null +++ b/__snapshots__/navigation/component/firefox/DBNavigation-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- navigation: + - list: + - listitem: + - button "Test1 chevron_right\" / \"" + - listitem: + - link "Test2" + - listitem: + - link "Test3" \ No newline at end of file diff --git a/__snapshots__/navigation/component/mobile-chrome/DBNavigation-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation/component/mobile-chrome/DBNavigation-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..1ba8aa06f0d --- /dev/null +++ b/__snapshots__/navigation/component/mobile-chrome/DBNavigation-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- navigation: + - list: + - listitem: + - button "Test1 chevron_right\" / \"" + - listitem: + - link "Test2" + - listitem: + - link "Test3" \ No newline at end of file diff --git a/__snapshots__/navigation/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..42740373820 --- /dev/null +++ b/__snapshots__/navigation/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml @@ -0,0 +1,33 @@ +- main: + - heading "DBNavigation" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - navigation "Functional": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: (Default) Regular + - navigation "(Default) Regular": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: Expressive + - navigation "Expressive": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" \ No newline at end of file diff --git a/__snapshots__/navigation/showcase/chromium/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation/showcase/chromium/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..42740373820 --- /dev/null +++ b/__snapshots__/navigation/showcase/chromium/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml @@ -0,0 +1,33 @@ +- main: + - heading "DBNavigation" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - navigation "Functional": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: (Default) Regular + - navigation "(Default) Regular": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: Expressive + - navigation "Expressive": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" \ No newline at end of file diff --git a/__snapshots__/navigation/showcase/firefox/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation/showcase/firefox/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..70b4b787eae --- /dev/null +++ b/__snapshots__/navigation/showcase/firefox/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml @@ -0,0 +1,30 @@ +- main: + - heading "DBNavigation" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - navigation "Functional": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: (Default) Regular + - navigation "(Default) Regular": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: Expressive + - navigation "Expressive": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" \ No newline at end of file diff --git a/__snapshots__/navigation/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..ddeb4986654 --- /dev/null +++ b/__snapshots__/navigation/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml @@ -0,0 +1,33 @@ +- main: + - heading "DBNavigation" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - navigation "Functional": + - list: + - listitem: + - button "Navi-Item 1 chevron_right\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: (Default) Regular + - navigation "(Default) Regular": + - list: + - listitem: + - button "Navi-Item 1 chevron_right\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: Expressive + - navigation "Expressive": + - list: + - listitem: + - button "Navi-Item 1 chevron_right\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" \ No newline at end of file diff --git a/__snapshots__/navigation/showcase/mobile-safari/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png b/__snapshots__/navigation/showcase/mobile-safari/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png index c2cd11caca6..32afa25256d 100644 Binary files a/__snapshots__/navigation/showcase/mobile-safari/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png and b/__snapshots__/navigation/showcase/mobile-safari/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png differ diff --git a/__snapshots__/navigation/showcase/mobile-safari/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation/showcase/mobile-safari/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..ddeb4986654 --- /dev/null +++ b/__snapshots__/navigation/showcase/mobile-safari/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml @@ -0,0 +1,33 @@ +- main: + - heading "DBNavigation" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - navigation "Functional": + - list: + - listitem: + - button "Navi-Item 1 chevron_right\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: (Default) Regular + - navigation "(Default) Regular": + - list: + - listitem: + - button "Navi-Item 1 chevron_right\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: Expressive + - navigation "Expressive": + - list: + - listitem: + - button "Navi-Item 1 chevron_right\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" \ No newline at end of file diff --git a/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png b/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png index 2a47e8d3020..63601c1f6af 100644 Binary files a/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png and b/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png differ diff --git a/__snapshots__/navigation/showcase/webkit/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml b/__snapshots__/navigation/showcase/webkit/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..42740373820 --- /dev/null +++ b/__snapshots__/navigation/showcase/webkit/should-have-same-aria-snapshot/DBNavigation-should-have-same-aria-snapshot.yaml @@ -0,0 +1,33 @@ +- main: + - heading "DBNavigation" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional + - navigation "Functional": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: (Default) Regular + - navigation "(Default) Regular": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" + - text: Expressive + - navigation "Expressive": + - list: + - listitem: + - button "Navi-Item 1 chevron_down\" / \"" + - listitem: + - text: person" / " + - link "Navi-Item 2" + - listitem: + - link "Navi-Item 3" \ No newline at end of file diff --git a/__snapshots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..18ff0d9f86c --- /dev/null +++ b/__snapshots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- article: + - paragraph: Test + - button "cross\" / \" Close Button" \ No newline at end of file diff --git a/__snapshots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f3ddd957eb9 --- /dev/null +++ b/__snapshots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- article: + - paragraph: Test + - button "Close Button" \ No newline at end of file diff --git a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..18ff0d9f86c --- /dev/null +++ b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- article: + - paragraph: Test + - button "cross\" / \" Close Button" \ No newline at end of file diff --git a/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..ef142348cac --- /dev/null +++ b/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -0,0 +1,158 @@ +- main: + - heading "DBNotification" [level=1] + - link "Density arrow_up_right\" / \"" + - article: + - text: information_circle" / " Headline + - paragraph: functional + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: regular (Default) + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: expressive + - button "cross\" / \" Close Button" + - link "Variant arrow_up_right\" / \"" + - article: + - text: information_circle" / " Headline + - paragraph: (Default) Docked + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Standalone + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Overlay + - text: 10 min ago + - button "cross\" / \" Close Button" + - link "Semantic arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) Adaptive + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Neutral + - button "cross\" / \" Close Button" + - article: + - text: exclamation_mark_circle" / " Headline + - paragraph: Critical + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Informational + - button "cross\" / \" Close Button" + - article: + - text: check_circle" / " Headline + - paragraph: Successful + - button "cross\" / \" Close Button" + - article: + - text: exclamation_mark_triangle" / " Headline + - paragraph: Warning + - button "cross\" / \" Close Button" + - link "Behaviour arrow_up_right\" / \"" + - article: + - paragraph: (Default) Permanent + - article: + - paragraph: Closeable + - button "cross\" / \" Close Button" + - link "Content - Variant:Docked arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - link "Content - Variant:Standalone arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - link "Content - Variant:Overlay arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - paragraph: Text & Timed + - text: 10 min ago + - article: + - paragraph: Text & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" + - article: + - text: Headline + - paragraph: Text & Headline & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" \ No newline at end of file diff --git a/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..ef142348cac --- /dev/null +++ b/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -0,0 +1,158 @@ +- main: + - heading "DBNotification" [level=1] + - link "Density arrow_up_right\" / \"" + - article: + - text: information_circle" / " Headline + - paragraph: functional + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: regular (Default) + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: expressive + - button "cross\" / \" Close Button" + - link "Variant arrow_up_right\" / \"" + - article: + - text: information_circle" / " Headline + - paragraph: (Default) Docked + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Standalone + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Overlay + - text: 10 min ago + - button "cross\" / \" Close Button" + - link "Semantic arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) Adaptive + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Neutral + - button "cross\" / \" Close Button" + - article: + - text: exclamation_mark_circle" / " Headline + - paragraph: Critical + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Informational + - button "cross\" / \" Close Button" + - article: + - text: check_circle" / " Headline + - paragraph: Successful + - button "cross\" / \" Close Button" + - article: + - text: exclamation_mark_triangle" / " Headline + - paragraph: Warning + - button "cross\" / \" Close Button" + - link "Behaviour arrow_up_right\" / \"" + - article: + - paragraph: (Default) Permanent + - article: + - paragraph: Closeable + - button "cross\" / \" Close Button" + - link "Content - Variant:Docked arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - link "Content - Variant:Standalone arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - link "Content - Variant:Overlay arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - paragraph: Text & Timed + - text: 10 min ago + - article: + - paragraph: Text & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" + - article: + - text: Headline + - paragraph: Text & Headline & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" \ No newline at end of file diff --git a/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f3f5204f6c9 --- /dev/null +++ b/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -0,0 +1,155 @@ +- main: + - heading "DBNotification" [level=1] + - link "Density arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: functional + - button "Close Button" + - article: + - text: Headline + - paragraph: regular (Default) + - button "Close Button" + - article: + - text: Headline + - paragraph: expressive + - button "Close Button" + - link "Variant arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) Docked + - button "Close Button" + - article: + - text: Headline + - paragraph: Standalone + - button "Close Button" + - article: + - text: Headline + - paragraph: Overlay + - text: 10 min ago + - button "Close Button" + - link "Semantic arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) Adaptive + - button "Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Neutral + - button "Close Button" + - article: + - text: exclamation_mark_circle" / " Headline + - paragraph: Critical + - button "Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Informational + - button "Close Button" + - article: + - text: check_circle" / " Headline + - paragraph: Successful + - button "Close Button" + - article: + - text: exclamation_mark_triangle" / " Headline + - paragraph: Warning + - button "Close Button" + - link "Behaviour arrow_up_right\" / \"" + - article: + - paragraph: (Default) Permanent + - article: + - paragraph: Closeable + - button "Close Button" + - link "Content - Variant:Docked arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "Close Button" + - article: + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "Close Button" + - link "Content - Variant:Standalone arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "Close Button" + - article: + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "Close Button" + - link "Content - Variant:Overlay arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "Close Button" + - article: + - text: Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "Close Button" + - article: + - paragraph: Text & Timed + - text: 10 min ago + - article: + - paragraph: Text & Timed & Cloaseable + - text: 10 min ago + - button "Close Button" + - article: + - text: Headline + - paragraph: Text & Headline & Timed & Cloaseable + - text: 10 min ago + - button "Close Button" + - article: + - text: Headline + - paragraph: Text & Icon & Headline & Timed & Cloaseable + - text: 10 min ago + - button "Close Button" \ No newline at end of file diff --git a/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..ef142348cac --- /dev/null +++ b/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -0,0 +1,158 @@ +- main: + - heading "DBNotification" [level=1] + - link "Density arrow_up_right\" / \"" + - article: + - text: information_circle" / " Headline + - paragraph: functional + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: regular (Default) + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: expressive + - button "cross\" / \" Close Button" + - link "Variant arrow_up_right\" / \"" + - article: + - text: information_circle" / " Headline + - paragraph: (Default) Docked + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Standalone + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Overlay + - text: 10 min ago + - button "cross\" / \" Close Button" + - link "Semantic arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) Adaptive + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Neutral + - button "cross\" / \" Close Button" + - article: + - text: exclamation_mark_circle" / " Headline + - paragraph: Critical + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Informational + - button "cross\" / \" Close Button" + - article: + - text: check_circle" / " Headline + - paragraph: Successful + - button "cross\" / \" Close Button" + - article: + - text: exclamation_mark_triangle" / " Headline + - paragraph: Warning + - button "cross\" / \" Close Button" + - link "Behaviour arrow_up_right\" / \"" + - article: + - paragraph: (Default) Permanent + - article: + - paragraph: Closeable + - button "cross\" / \" Close Button" + - link "Content - Variant:Docked arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - link "Content - Variant:Standalone arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - link "Content - Variant:Overlay arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - paragraph: Text & Timed + - text: 10 min ago + - article: + - paragraph: Text & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" + - article: + - text: Headline + - paragraph: Text & Headline & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" \ No newline at end of file diff --git a/__snapshots__/notification/showcase/mobile-safari/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/mobile-safari/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png index 49115775739..b2311ed1e8e 100644 Binary files a/__snapshots__/notification/showcase/mobile-safari/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png and b/__snapshots__/notification/showcase/mobile-safari/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png differ diff --git a/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..ef142348cac --- /dev/null +++ b/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -0,0 +1,158 @@ +- main: + - heading "DBNotification" [level=1] + - link "Density arrow_up_right\" / \"" + - article: + - text: information_circle" / " Headline + - paragraph: functional + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: regular (Default) + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: expressive + - button "cross\" / \" Close Button" + - link "Variant arrow_up_right\" / \"" + - article: + - text: information_circle" / " Headline + - paragraph: (Default) Docked + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Standalone + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Overlay + - text: 10 min ago + - button "cross\" / \" Close Button" + - link "Semantic arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) Adaptive + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Neutral + - button "cross\" / \" Close Button" + - article: + - text: exclamation_mark_circle" / " Headline + - paragraph: Critical + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Informational + - button "cross\" / \" Close Button" + - article: + - text: check_circle" / " Headline + - paragraph: Successful + - button "cross\" / \" Close Button" + - article: + - text: exclamation_mark_triangle" / " Headline + - paragraph: Warning + - button "cross\" / \" Close Button" + - link "Behaviour arrow_up_right\" / \"" + - article: + - paragraph: (Default) Permanent + - article: + - paragraph: Closeable + - button "cross\" / \" Close Button" + - link "Content - Variant:Docked arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - link "Content - Variant:Standalone arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - link "Content - Variant:Overlay arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - paragraph: Text & Timed + - text: 10 min ago + - article: + - paragraph: Text & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" + - article: + - text: Headline + - paragraph: Text & Headline & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" \ No newline at end of file diff --git a/__snapshots__/notification/showcase/webkit/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/webkit/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png index bf9d0a4d14a..03b70aa6524 100644 Binary files a/__snapshots__/notification/showcase/webkit/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png and b/__snapshots__/notification/showcase/webkit/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png differ diff --git a/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..ef142348cac --- /dev/null +++ b/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -0,0 +1,158 @@ +- main: + - heading "DBNotification" [level=1] + - link "Density arrow_up_right\" / \"" + - article: + - text: information_circle" / " Headline + - paragraph: functional + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: regular (Default) + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: expressive + - button "cross\" / \" Close Button" + - link "Variant arrow_up_right\" / \"" + - article: + - text: information_circle" / " Headline + - paragraph: (Default) Docked + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Standalone + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Overlay + - text: 10 min ago + - button "cross\" / \" Close Button" + - link "Semantic arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) Adaptive + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Neutral + - button "cross\" / \" Close Button" + - article: + - text: exclamation_mark_circle" / " Headline + - paragraph: Critical + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Informational + - button "cross\" / \" Close Button" + - article: + - text: check_circle" / " Headline + - paragraph: Successful + - button "cross\" / \" Close Button" + - article: + - text: exclamation_mark_triangle" / " Headline + - paragraph: Warning + - button "cross\" / \" Close Button" + - link "Behaviour arrow_up_right\" / \"" + - article: + - paragraph: (Default) Permanent + - article: + - paragraph: Closeable + - button "cross\" / \" Close Button" + - link "Content - Variant:Docked arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - link "Content - Variant:Standalone arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Block + - link "Textlink" + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - link "Content - Variant:Overlay arrow_up_right\" / \"" + - article: + - paragraph: Text + - article: + - text: information_circle" / " + - paragraph: Text & Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Text & Preview Image + - article: + - text: Headline + - paragraph: Text & Headline + - article: + - paragraph: Text & Textlink Inline + - link "Textlink" + - article: + - text: Headline + - paragraph: Text & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable + - link "Textlink" + - button "cross\" / \" Close Button" + - article: + - paragraph: Text & Timed + - text: 10 min ago + - article: + - paragraph: Text & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" + - article: + - text: Headline + - paragraph: Text & Headline & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" + - article: + - text: information_circle" / " Headline + - paragraph: Text & Icon & Headline & Timed & Cloaseable + - text: 10 min ago + - button "cross\" / \" Close Button" \ No newline at end of file diff --git a/__snapshots__/popover/component/chromium/DBPopover-should-have-same-aria-snapshot.yaml b/__snapshots__/popover/component/chromium/DBPopover-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..db855569452 --- /dev/null +++ b/__snapshots__/popover/component/chromium/DBPopover-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- button "Button" \ No newline at end of file diff --git a/__snapshots__/popover/component/firefox/DBPopover-should-have-same-aria-snapshot.yaml b/__snapshots__/popover/component/firefox/DBPopover-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..db855569452 --- /dev/null +++ b/__snapshots__/popover/component/firefox/DBPopover-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- button "Button" \ No newline at end of file diff --git a/__snapshots__/popover/component/mobile-chrome/DBPopover-should-have-same-aria-snapshot.yaml b/__snapshots__/popover/component/mobile-chrome/DBPopover-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..db855569452 --- /dev/null +++ b/__snapshots__/popover/component/mobile-chrome/DBPopover-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- button "Button" \ No newline at end of file diff --git a/__snapshots__/popover/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml b/__snapshots__/popover/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b9d5510e2cf --- /dev/null +++ b/__snapshots__/popover/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml @@ -0,0 +1,162 @@ +- main: + - heading "DBPopover" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) Regular" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Expressive" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Spacing arrow_up_right\" / \"" + - button "(Default) Small" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Medium" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Large" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "None" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) bottom" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "bottom-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Gap arrow_up_right\" / \"" + - button "(Default) No gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "With gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay slow" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay fast" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "No animation" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing + - button "Fixed" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing \ No newline at end of file diff --git a/__snapshots__/popover/showcase/chromium/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml b/__snapshots__/popover/showcase/chromium/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b9d5510e2cf --- /dev/null +++ b/__snapshots__/popover/showcase/chromium/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml @@ -0,0 +1,162 @@ +- main: + - heading "DBPopover" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) Regular" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Expressive" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Spacing arrow_up_right\" / \"" + - button "(Default) Small" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Medium" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Large" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "None" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) bottom" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "bottom-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Gap arrow_up_right\" / \"" + - button "(Default) No gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "With gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay slow" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay fast" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "No animation" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing + - button "Fixed" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing \ No newline at end of file diff --git a/__snapshots__/popover/showcase/firefox/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml b/__snapshots__/popover/showcase/firefox/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b9d5510e2cf --- /dev/null +++ b/__snapshots__/popover/showcase/firefox/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml @@ -0,0 +1,162 @@ +- main: + - heading "DBPopover" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) Regular" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Expressive" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Spacing arrow_up_right\" / \"" + - button "(Default) Small" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Medium" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Large" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "None" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) bottom" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "bottom-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Gap arrow_up_right\" / \"" + - button "(Default) No gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "With gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay slow" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay fast" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "No animation" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing + - button "Fixed" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing \ No newline at end of file diff --git a/__snapshots__/popover/showcase/mobile-chrome/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml b/__snapshots__/popover/showcase/mobile-chrome/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b9d5510e2cf --- /dev/null +++ b/__snapshots__/popover/showcase/mobile-chrome/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml @@ -0,0 +1,162 @@ +- main: + - heading "DBPopover" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) Regular" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Expressive" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Spacing arrow_up_right\" / \"" + - button "(Default) Small" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Medium" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Large" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "None" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) bottom" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "bottom-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Gap arrow_up_right\" / \"" + - button "(Default) No gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "With gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay slow" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay fast" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "No animation" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing + - button "Fixed" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing \ No newline at end of file diff --git a/__snapshots__/popover/showcase/mobile-safari/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png b/__snapshots__/popover/showcase/mobile-safari/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png index 8441718ce07..bb510ae1b5f 100644 Binary files a/__snapshots__/popover/showcase/mobile-safari/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png and b/__snapshots__/popover/showcase/mobile-safari/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png differ diff --git a/__snapshots__/popover/showcase/mobile-safari/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml b/__snapshots__/popover/showcase/mobile-safari/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b9d5510e2cf --- /dev/null +++ b/__snapshots__/popover/showcase/mobile-safari/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml @@ -0,0 +1,162 @@ +- main: + - heading "DBPopover" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) Regular" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Expressive" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Spacing arrow_up_right\" / \"" + - button "(Default) Small" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Medium" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Large" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "None" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) bottom" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "bottom-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Gap arrow_up_right\" / \"" + - button "(Default) No gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "With gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay slow" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay fast" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "No animation" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing + - button "Fixed" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing \ No newline at end of file diff --git a/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png b/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png index ffb58842b53..c77a07fac87 100644 Binary files a/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png and b/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png differ diff --git a/__snapshots__/popover/showcase/webkit/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml b/__snapshots__/popover/showcase/webkit/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b9d5510e2cf --- /dev/null +++ b/__snapshots__/popover/showcase/webkit/should-have-same-aria-snapshot/DBPopover-should-have-same-aria-snapshot.yaml @@ -0,0 +1,162 @@ +- main: + - heading "DBPopover" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) Regular" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Expressive" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Spacing arrow_up_right\" / \"" + - button "(Default) Small" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Medium" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Large" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "None" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "(Default) bottom" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "bottom-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "left-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "right-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-start" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "top-end" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Gap arrow_up_right\" / \"" + - button "(Default) No gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "With gap" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay slow" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "Delay fast" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - button "No animation" + - article: + - list: + - listitem: Popover Custom Item 1 + - listitem: Popover Custom Item 2 + - button "Popover Custom Item 3" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing + - button "Fixed" + - article: Max width, lorem ipsum dolor sit amet, consetetur sadipscing \ No newline at end of file diff --git a/__snapshots__/radio/component/chromium/DBRadio-should-have-same-aria-snapshot.yaml b/__snapshots__/radio/component/chromium/DBRadio-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..6b0c7ce09e8 --- /dev/null +++ b/__snapshots__/radio/component/chromium/DBRadio-should-have-same-aria-snapshot.yaml @@ -0,0 +1,2 @@ +- radio "Test" +- text: Test \ No newline at end of file diff --git a/__snapshots__/radio/component/firefox/DBRadio-should-have-same-aria-snapshot.yaml b/__snapshots__/radio/component/firefox/DBRadio-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..6b0c7ce09e8 --- /dev/null +++ b/__snapshots__/radio/component/firefox/DBRadio-should-have-same-aria-snapshot.yaml @@ -0,0 +1,2 @@ +- radio "Test" +- text: Test \ No newline at end of file diff --git a/__snapshots__/radio/component/mobile-chrome/DBRadio-should-have-same-aria-snapshot.yaml b/__snapshots__/radio/component/mobile-chrome/DBRadio-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..6b0c7ce09e8 --- /dev/null +++ b/__snapshots__/radio/component/mobile-chrome/DBRadio-should-have-same-aria-snapshot.yaml @@ -0,0 +1,2 @@ +- radio "Test" +- text: Test \ No newline at end of file diff --git a/__snapshots__/radio/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml b/__snapshots__/radio/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b1eef8674d7 --- /dev/null +++ b/__snapshots__/radio/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml @@ -0,0 +1,44 @@ +- main: + - heading "DBRadio" [level=1] + - link "Density arrow_up_right\" / \"" + - radiogroup "Density": + - radio "Functional": functional + - text: Functional + - radio "(Default) Regular": regular + - text: (Default) Regular + - radio "Expressive": expressive + - text: Expressive + - link "Interaction States arrow_up_right\" / \"" + - radiogroup "Interaction States": + - radio "(Default) Enabled" + - text: (Default) Enabled + - radio "Disabled" [disabled] + - text: Disabled + - link "States arrow_up_right\" / \"" + - radiogroup "States": + - radio "(Default) Unselected" + - text: (Default) Unselected + - radio "Unselected - Invalid *\" / \"" + - text: Unselected - Invalid *" / " + - radio "Selected" [checked] + - text: Selected + - radio "Selected - Valid *\" / \"" [checked] + - text: Selected - Valid *" / " + - link "Size arrow_up_right\" / \"" + - radiogroup "Size": + - radio "(Default) Medium" + - text: (Default) Medium + - radio "Small" + - text: Small + - link "Requirement arrow_up_right\" / \"" + - radiogroup "Requirement": + - radio "(Default) Optional" + - text: (Default) Optional + - radio "Required *\" / \"" + - text: Required *" / " + - link "Content arrow_up_right\" / \"" + - radiogroup "Content": + - radio "(Default) Label" + - text: (Default) Label + - radio "Hidden Label" + - text: Hidden Label \ No newline at end of file diff --git a/__snapshots__/radio/showcase/chromium/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml b/__snapshots__/radio/showcase/chromium/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b1eef8674d7 --- /dev/null +++ b/__snapshots__/radio/showcase/chromium/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml @@ -0,0 +1,44 @@ +- main: + - heading "DBRadio" [level=1] + - link "Density arrow_up_right\" / \"" + - radiogroup "Density": + - radio "Functional": functional + - text: Functional + - radio "(Default) Regular": regular + - text: (Default) Regular + - radio "Expressive": expressive + - text: Expressive + - link "Interaction States arrow_up_right\" / \"" + - radiogroup "Interaction States": + - radio "(Default) Enabled" + - text: (Default) Enabled + - radio "Disabled" [disabled] + - text: Disabled + - link "States arrow_up_right\" / \"" + - radiogroup "States": + - radio "(Default) Unselected" + - text: (Default) Unselected + - radio "Unselected - Invalid *\" / \"" + - text: Unselected - Invalid *" / " + - radio "Selected" [checked] + - text: Selected + - radio "Selected - Valid *\" / \"" [checked] + - text: Selected - Valid *" / " + - link "Size arrow_up_right\" / \"" + - radiogroup "Size": + - radio "(Default) Medium" + - text: (Default) Medium + - radio "Small" + - text: Small + - link "Requirement arrow_up_right\" / \"" + - radiogroup "Requirement": + - radio "(Default) Optional" + - text: (Default) Optional + - radio "Required *\" / \"" + - text: Required *" / " + - link "Content arrow_up_right\" / \"" + - radiogroup "Content": + - radio "(Default) Label" + - text: (Default) Label + - radio "Hidden Label" + - text: Hidden Label \ No newline at end of file diff --git a/__snapshots__/radio/showcase/firefox/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml b/__snapshots__/radio/showcase/firefox/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b1eef8674d7 --- /dev/null +++ b/__snapshots__/radio/showcase/firefox/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml @@ -0,0 +1,44 @@ +- main: + - heading "DBRadio" [level=1] + - link "Density arrow_up_right\" / \"" + - radiogroup "Density": + - radio "Functional": functional + - text: Functional + - radio "(Default) Regular": regular + - text: (Default) Regular + - radio "Expressive": expressive + - text: Expressive + - link "Interaction States arrow_up_right\" / \"" + - radiogroup "Interaction States": + - radio "(Default) Enabled" + - text: (Default) Enabled + - radio "Disabled" [disabled] + - text: Disabled + - link "States arrow_up_right\" / \"" + - radiogroup "States": + - radio "(Default) Unselected" + - text: (Default) Unselected + - radio "Unselected - Invalid *\" / \"" + - text: Unselected - Invalid *" / " + - radio "Selected" [checked] + - text: Selected + - radio "Selected - Valid *\" / \"" [checked] + - text: Selected - Valid *" / " + - link "Size arrow_up_right\" / \"" + - radiogroup "Size": + - radio "(Default) Medium" + - text: (Default) Medium + - radio "Small" + - text: Small + - link "Requirement arrow_up_right\" / \"" + - radiogroup "Requirement": + - radio "(Default) Optional" + - text: (Default) Optional + - radio "Required *\" / \"" + - text: Required *" / " + - link "Content arrow_up_right\" / \"" + - radiogroup "Content": + - radio "(Default) Label" + - text: (Default) Label + - radio "Hidden Label" + - text: Hidden Label \ No newline at end of file diff --git a/__snapshots__/radio/showcase/mobile-chrome/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml b/__snapshots__/radio/showcase/mobile-chrome/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b1eef8674d7 --- /dev/null +++ b/__snapshots__/radio/showcase/mobile-chrome/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml @@ -0,0 +1,44 @@ +- main: + - heading "DBRadio" [level=1] + - link "Density arrow_up_right\" / \"" + - radiogroup "Density": + - radio "Functional": functional + - text: Functional + - radio "(Default) Regular": regular + - text: (Default) Regular + - radio "Expressive": expressive + - text: Expressive + - link "Interaction States arrow_up_right\" / \"" + - radiogroup "Interaction States": + - radio "(Default) Enabled" + - text: (Default) Enabled + - radio "Disabled" [disabled] + - text: Disabled + - link "States arrow_up_right\" / \"" + - radiogroup "States": + - radio "(Default) Unselected" + - text: (Default) Unselected + - radio "Unselected - Invalid *\" / \"" + - text: Unselected - Invalid *" / " + - radio "Selected" [checked] + - text: Selected + - radio "Selected - Valid *\" / \"" [checked] + - text: Selected - Valid *" / " + - link "Size arrow_up_right\" / \"" + - radiogroup "Size": + - radio "(Default) Medium" + - text: (Default) Medium + - radio "Small" + - text: Small + - link "Requirement arrow_up_right\" / \"" + - radiogroup "Requirement": + - radio "(Default) Optional" + - text: (Default) Optional + - radio "Required *\" / \"" + - text: Required *" / " + - link "Content arrow_up_right\" / \"" + - radiogroup "Content": + - radio "(Default) Label" + - text: (Default) Label + - radio "Hidden Label" + - text: Hidden Label \ No newline at end of file diff --git a/__snapshots__/radio/showcase/mobile-safari/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/mobile-safari/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index d3708d84d89..3bbce588ad1 100644 Binary files a/__snapshots__/radio/showcase/mobile-safari/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/mobile-safari/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/mobile-safari/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml b/__snapshots__/radio/showcase/mobile-safari/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b1eef8674d7 --- /dev/null +++ b/__snapshots__/radio/showcase/mobile-safari/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml @@ -0,0 +1,44 @@ +- main: + - heading "DBRadio" [level=1] + - link "Density arrow_up_right\" / \"" + - radiogroup "Density": + - radio "Functional": functional + - text: Functional + - radio "(Default) Regular": regular + - text: (Default) Regular + - radio "Expressive": expressive + - text: Expressive + - link "Interaction States arrow_up_right\" / \"" + - radiogroup "Interaction States": + - radio "(Default) Enabled" + - text: (Default) Enabled + - radio "Disabled" [disabled] + - text: Disabled + - link "States arrow_up_right\" / \"" + - radiogroup "States": + - radio "(Default) Unselected" + - text: (Default) Unselected + - radio "Unselected - Invalid *\" / \"" + - text: Unselected - Invalid *" / " + - radio "Selected" [checked] + - text: Selected + - radio "Selected - Valid *\" / \"" [checked] + - text: Selected - Valid *" / " + - link "Size arrow_up_right\" / \"" + - radiogroup "Size": + - radio "(Default) Medium" + - text: (Default) Medium + - radio "Small" + - text: Small + - link "Requirement arrow_up_right\" / \"" + - radiogroup "Requirement": + - radio "(Default) Optional" + - text: (Default) Optional + - radio "Required *\" / \"" + - text: Required *" / " + - link "Content arrow_up_right\" / \"" + - radiogroup "Content": + - radio "(Default) Label" + - text: (Default) Label + - radio "Hidden Label" + - text: Hidden Label \ No newline at end of file diff --git a/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index ef39e5c5a49..5e5b025d724 100644 Binary files a/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/webkit/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml b/__snapshots__/radio/showcase/webkit/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b1eef8674d7 --- /dev/null +++ b/__snapshots__/radio/showcase/webkit/should-have-same-aria-snapshot/DBRadio-should-have-same-aria-snapshot.yaml @@ -0,0 +1,44 @@ +- main: + - heading "DBRadio" [level=1] + - link "Density arrow_up_right\" / \"" + - radiogroup "Density": + - radio "Functional": functional + - text: Functional + - radio "(Default) Regular": regular + - text: (Default) Regular + - radio "Expressive": expressive + - text: Expressive + - link "Interaction States arrow_up_right\" / \"" + - radiogroup "Interaction States": + - radio "(Default) Enabled" + - text: (Default) Enabled + - radio "Disabled" [disabled] + - text: Disabled + - link "States arrow_up_right\" / \"" + - radiogroup "States": + - radio "(Default) Unselected" + - text: (Default) Unselected + - radio "Unselected - Invalid *\" / \"" + - text: Unselected - Invalid *" / " + - radio "Selected" [checked] + - text: Selected + - radio "Selected - Valid *\" / \"" [checked] + - text: Selected - Valid *" / " + - link "Size arrow_up_right\" / \"" + - radiogroup "Size": + - radio "(Default) Medium" + - text: (Default) Medium + - radio "Small" + - text: Small + - link "Requirement arrow_up_right\" / \"" + - radiogroup "Requirement": + - radio "(Default) Optional" + - text: (Default) Optional + - radio "Required *\" / \"" + - text: Required *" / " + - link "Content arrow_up_right\" / \"" + - radiogroup "Content": + - radio "(Default) Label" + - text: (Default) Label + - radio "Hidden Label" + - text: Hidden Label \ No newline at end of file diff --git a/__snapshots__/section/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml b/__snapshots__/section/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..184e2c27271 --- /dev/null +++ b/__snapshots__/section/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBSection" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive + - link "Width arrow_up_right\" / \"" + - text: (Default) Full (Default) Full (Default) Full (Default) Full Medium Medium Medium Medium Large Large Large Large + - link "Spacing arrow_up_right\" / \"" + - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None \ No newline at end of file diff --git a/__snapshots__/section/showcase/chromium/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml b/__snapshots__/section/showcase/chromium/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..184e2c27271 --- /dev/null +++ b/__snapshots__/section/showcase/chromium/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBSection" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive + - link "Width arrow_up_right\" / \"" + - text: (Default) Full (Default) Full (Default) Full (Default) Full Medium Medium Medium Medium Large Large Large Large + - link "Spacing arrow_up_right\" / \"" + - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None \ No newline at end of file diff --git a/__snapshots__/section/showcase/firefox/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml b/__snapshots__/section/showcase/firefox/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..184e2c27271 --- /dev/null +++ b/__snapshots__/section/showcase/firefox/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBSection" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive + - link "Width arrow_up_right\" / \"" + - text: (Default) Full (Default) Full (Default) Full (Default) Full Medium Medium Medium Medium Large Large Large Large + - link "Spacing arrow_up_right\" / \"" + - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None \ No newline at end of file diff --git a/__snapshots__/section/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml b/__snapshots__/section/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..184e2c27271 --- /dev/null +++ b/__snapshots__/section/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBSection" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive + - link "Width arrow_up_right\" / \"" + - text: (Default) Full (Default) Full (Default) Full (Default) Full Medium Medium Medium Medium Large Large Large Large + - link "Spacing arrow_up_right\" / \"" + - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None \ No newline at end of file diff --git a/__snapshots__/section/showcase/mobile-safari/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/mobile-safari/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png index 5c4725bdeb0..6620867b206 100644 Binary files a/__snapshots__/section/showcase/mobile-safari/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png and b/__snapshots__/section/showcase/mobile-safari/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png differ diff --git a/__snapshots__/section/showcase/mobile-safari/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml b/__snapshots__/section/showcase/mobile-safari/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..184e2c27271 --- /dev/null +++ b/__snapshots__/section/showcase/mobile-safari/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBSection" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive + - link "Width arrow_up_right\" / \"" + - text: (Default) Full (Default) Full (Default) Full (Default) Full Medium Medium Medium Medium Large Large Large Large + - link "Spacing arrow_up_right\" / \"" + - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None \ No newline at end of file diff --git a/__snapshots__/section/showcase/webkit/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/webkit/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png index 2acae45c89b..b98e58bf7ae 100644 Binary files a/__snapshots__/section/showcase/webkit/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png and b/__snapshots__/section/showcase/webkit/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png differ diff --git a/__snapshots__/section/showcase/webkit/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml b/__snapshots__/section/showcase/webkit/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..184e2c27271 --- /dev/null +++ b/__snapshots__/section/showcase/webkit/should-have-same-aria-snapshot/DBSection-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- main: + - heading "DBSection" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional Functional Functional Functional (Default) Regular (Default) Regular (Default) Regular (Default) Regular Expressive Expressive Expressive Expressive + - link "Width arrow_up_right\" / \"" + - text: (Default) Full (Default) Full (Default) Full (Default) Full Medium Medium Medium Medium Large Large Large Large + - link "Spacing arrow_up_right\" / \"" + - text: (Default) Medium (Default) Medium (Default) Medium (Default) Medium Large Large Large Large Small Small Small Small None None None None \ No newline at end of file diff --git a/__snapshots__/select/component/chromium/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/component/chromium/DBSelect-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..45fac13e6e4 --- /dev/null +++ b/__snapshots__/select/component/chromium/DBSelect-should-have-same-aria-snapshot.yaml @@ -0,0 +1,7 @@ +- text: Label +- combobox "Label": + - option "Test1" + - option "Test2" +- text: Label information_circle" / " Description +- status +- text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/component/firefox/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/component/firefox/DBSelect-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..45fac13e6e4 --- /dev/null +++ b/__snapshots__/select/component/firefox/DBSelect-should-have-same-aria-snapshot.yaml @@ -0,0 +1,7 @@ +- text: Label +- combobox "Label": + - option "Test1" + - option "Test2" +- text: Label information_circle" / " Description +- status +- text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/component/mobile-chrome/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/component/mobile-chrome/DBSelect-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..45fac13e6e4 --- /dev/null +++ b/__snapshots__/select/component/mobile-chrome/DBSelect-should-have-same-aria-snapshot.yaml @@ -0,0 +1,7 @@ +- text: Label +- combobox "Label": + - option "Test1" + - option "Test2" +- text: Label information_circle" / " Description +- status +- text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..bd3c7de958a --- /dev/null +++ b/__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -0,0 +1,138 @@ +- main: + - heading "DBSelect" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Functional + - text: Functional + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Regular + - text: (Default) Regular + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Expressive + - text: Expressive + - status + - text: chevron_down" / " + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Label Above + - text: (Default) Label Above + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Floating Label" [selected] + - option "Option 2" + - text: Floating Label + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Hidden Label + - text: Hidden Label + - status + - text: chevron_down" / " + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Basic + - text: (Default) Basic + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Helper Message + - text: Helper Message information_circle" / " Helper Message + - status + - text: chevron_down" / " + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Option 1" + - option "Option 2" + - text: Disabled + - text: Disabled + - status + - text: chevron_down" / " + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled + - status + - text: chevron_down" / " + - link "Content arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Text + - text: (Default) Text + - status + - text: chevron_down" / " db" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Text - Leading Icon + - text: Text - Leading Icon + - status + - text: chevron_down" / " + - link "Requirement arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Optional + - text: (Default) Optional + - status + - text: chevron_down" / " Label*" / " + - combobox "Label*\" / \"": + - option "Option 1" + - option "Option 2" + - text: Required + - text: Required + - status + - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..bd3c7de958a --- /dev/null +++ b/__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -0,0 +1,138 @@ +- main: + - heading "DBSelect" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Functional + - text: Functional + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Regular + - text: (Default) Regular + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Expressive + - text: Expressive + - status + - text: chevron_down" / " + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Label Above + - text: (Default) Label Above + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Floating Label" [selected] + - option "Option 2" + - text: Floating Label + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Hidden Label + - text: Hidden Label + - status + - text: chevron_down" / " + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Basic + - text: (Default) Basic + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Helper Message + - text: Helper Message information_circle" / " Helper Message + - status + - text: chevron_down" / " + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Option 1" + - option "Option 2" + - text: Disabled + - text: Disabled + - status + - text: chevron_down" / " + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled + - status + - text: chevron_down" / " + - link "Content arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Text + - text: (Default) Text + - status + - text: chevron_down" / " db" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Text - Leading Icon + - text: Text - Leading Icon + - status + - text: chevron_down" / " + - link "Requirement arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Optional + - text: (Default) Optional + - status + - text: chevron_down" / " Label*" / " + - combobox "Label*\" / \"": + - option "Option 1" + - option "Option 2" + - text: Required + - text: Required + - status + - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/showcase/firefox/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/firefox/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..747d407ed19 --- /dev/null +++ b/__snapshots__/select/showcase/firefox/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -0,0 +1,138 @@ +- main: + - heading "DBSelect" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Functional + - text: Functional + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Regular + - text: (Default) Regular + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Expressive + - text: Expressive + - status + - text: chevron_down" / " + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Label Above + - text: (Default) Label Above + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Floating Label" [selected] + - option "Option 2" + - text: Floating Label + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Hidden Label + - text: Hidden Label + - status + - text: chevron_down" / " + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Basic + - text: (Default) Basic + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Helper Message + - text: Helper Message information_circle" / " Helper Message + - status + - text: chevron_down" / " + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Option 1" + - option "Option 2" + - text: Disabled + - text: Disabled + - status + - text: chevron_down" / " + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled + - status + - text: chevron_down" / " + - link "Content arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Text + - text: (Default) Text + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Text - Leading Icon + - text: Text - Leading Icon + - status + - text: chevron_down" / " + - link "Requirement arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Optional + - text: (Default) Optional + - status + - text: chevron_down" / " Label*" / " + - combobox "Label*\" / \"": + - option "Option 1" + - option "Option 2" + - text: Required + - text: Required + - status + - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..bd3c7de958a --- /dev/null +++ b/__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -0,0 +1,138 @@ +- main: + - heading "DBSelect" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Functional + - text: Functional + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Regular + - text: (Default) Regular + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Expressive + - text: Expressive + - status + - text: chevron_down" / " + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Label Above + - text: (Default) Label Above + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Floating Label" [selected] + - option "Option 2" + - text: Floating Label + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Hidden Label + - text: Hidden Label + - status + - text: chevron_down" / " + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Basic + - text: (Default) Basic + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Helper Message + - text: Helper Message information_circle" / " Helper Message + - status + - text: chevron_down" / " + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Option 1" + - option "Option 2" + - text: Disabled + - text: Disabled + - status + - text: chevron_down" / " + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled + - status + - text: chevron_down" / " + - link "Content arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Text + - text: (Default) Text + - status + - text: chevron_down" / " db" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Text - Leading Icon + - text: Text - Leading Icon + - status + - text: chevron_down" / " + - link "Requirement arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Optional + - text: (Default) Optional + - status + - text: chevron_down" / " Label*" / " + - combobox "Label*\" / \"": + - option "Option 1" + - option "Option 2" + - text: Required + - text: Required + - status + - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 684b06096e0..19ed60439ff 100644 Binary files a/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..bd3c7de958a --- /dev/null +++ b/__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -0,0 +1,138 @@ +- main: + - heading "DBSelect" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Functional + - text: Functional + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Regular + - text: (Default) Regular + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Expressive + - text: Expressive + - status + - text: chevron_down" / " + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Label Above + - text: (Default) Label Above + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Floating Label" [selected] + - option "Option 2" + - text: Floating Label + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Hidden Label + - text: Hidden Label + - status + - text: chevron_down" / " + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Basic + - text: (Default) Basic + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Helper Message + - text: Helper Message information_circle" / " Helper Message + - status + - text: chevron_down" / " + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Option 1" + - option "Option 2" + - text: Disabled + - text: Disabled + - status + - text: chevron_down" / " + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled + - status + - text: chevron_down" / " + - link "Content arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Text + - text: (Default) Text + - status + - text: chevron_down" / " db" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Text - Leading Icon + - text: Text - Leading Icon + - status + - text: chevron_down" / " + - link "Requirement arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Optional + - text: (Default) Optional + - status + - text: chevron_down" / " Label*" / " + - combobox "Label*\" / \"": + - option "Option 1" + - option "Option 2" + - text: Required + - text: Required + - status + - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 7b347a94fd0..a640ce4fae0 100644 Binary files a/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..bd3c7de958a --- /dev/null +++ b/__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -0,0 +1,138 @@ +- main: + - heading "DBSelect" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Functional + - text: Functional + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Regular + - text: (Default) Regular + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Expressive + - text: Expressive + - status + - text: chevron_down" / " + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Label Above + - text: (Default) Label Above + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Floating Label" [selected] + - option "Option 2" + - text: Floating Label + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Hidden Label + - text: Hidden Label + - status + - text: chevron_down" / " + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Basic + - text: (Default) Basic + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Helper Message + - text: Helper Message information_circle" / " Helper Message + - status + - text: chevron_down" / " + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Option 1" + - option "Option 2" + - text: Disabled + - text: Disabled + - status + - text: chevron_down" / " + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled + - status + - text: chevron_down" / " + - link "Content arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Text + - text: (Default) Text + - status + - text: chevron_down" / " db" / " Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: Text - Leading Icon + - text: Text - Leading Icon + - status + - text: chevron_down" / " + - link "Requirement arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Optional + - text: (Default) Optional + - status + - text: chevron_down" / " Label*" / " + - combobox "Label*\" / \"": + - option "Option 1" + - option "Option 2" + - text: Required + - text: Required + - status + - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/stack/showcase/mobile-safari/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/mobile-safari/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index 8c4ab69a8c0..f2a59f03fe4 100644 Binary files a/__snapshots__/stack/showcase/mobile-safari/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/mobile-safari/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/stack/showcase/webkit/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/webkit/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index 8ce048636e7..f9c343e9474 100644 Binary files a/__snapshots__/stack/showcase/webkit/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/webkit/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b08069ac182 --- /dev/null +++ b/__snapshots__/switch/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml @@ -0,0 +1,49 @@ +- main: + - heading "DBSwitch" [level=1] + - link "Density arrow_up_right\" / \"" + - switch "functional": on O + - text: functional + - switch "regular (Default)": on O + - text: regular (Default) + - switch "expressive": on O + - text: expressive + - link "States arrow_up_right\" / \"" + - switch "(Def) Enabled": on O + - text: (Def) Enabled + - switch "Checked" [checked]: on O + - text: Checked + - switch "Disabled" [disabled]: on O + - text: Disabled + - link "Emphasis arrow_up_right\" / \"" + - switch "(Def) Weak + unchecked": on O + - text: (Def) Weak + unchecked + - switch "Strong + unchecked": on O cross" / " + - text: Strong + unchecked + - switch "(Def) Weak + checked" [checked]: on O + - text: (Def) Weak + checked + - switch "Strong + checked" [checked]: on O check" / " + - text: Strong + checked + - link "Visual Aid arrow_up_right\" / \"" + - switch "(Def) No Visual Aid + unchecked": on O + - text: (Def) No Visual Aid + unchecked + - switch "Visual Aid + unchecked": on O cross" / " + - text: Visual Aid + unchecked + - switch "(Def) No Visual Aid + checked" [checked]: on O + - text: (Def) No Visual Aid + checked + - switch "Visual Aid + checked" [checked]: on O check" / " + - text: Visual Aid + checked + - link "Size arrow_up_right\" / \"" + - switch "(Def) Medium": on O + - text: (Def) Medium + - switch "Small": on O + - text: Small + - link "Content arrow_up_right\" / \"" + - switch "(Def) Label": on O + - text: (Def) Label + - switch "No Label": on O + - text: No Label No Label + - link "Examples arrow_up_right\" / \"" + - switch "Custom Icons": on O night" / " + - text: Custom Icons + - switch "Custom Icons+ Emphasis": on O lock_closed" / " + - text: Custom Icons+ Emphasis \ No newline at end of file diff --git a/__snapshots__/switch/showcase/chromium/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/chromium/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b08069ac182 --- /dev/null +++ b/__snapshots__/switch/showcase/chromium/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml @@ -0,0 +1,49 @@ +- main: + - heading "DBSwitch" [level=1] + - link "Density arrow_up_right\" / \"" + - switch "functional": on O + - text: functional + - switch "regular (Default)": on O + - text: regular (Default) + - switch "expressive": on O + - text: expressive + - link "States arrow_up_right\" / \"" + - switch "(Def) Enabled": on O + - text: (Def) Enabled + - switch "Checked" [checked]: on O + - text: Checked + - switch "Disabled" [disabled]: on O + - text: Disabled + - link "Emphasis arrow_up_right\" / \"" + - switch "(Def) Weak + unchecked": on O + - text: (Def) Weak + unchecked + - switch "Strong + unchecked": on O cross" / " + - text: Strong + unchecked + - switch "(Def) Weak + checked" [checked]: on O + - text: (Def) Weak + checked + - switch "Strong + checked" [checked]: on O check" / " + - text: Strong + checked + - link "Visual Aid arrow_up_right\" / \"" + - switch "(Def) No Visual Aid + unchecked": on O + - text: (Def) No Visual Aid + unchecked + - switch "Visual Aid + unchecked": on O cross" / " + - text: Visual Aid + unchecked + - switch "(Def) No Visual Aid + checked" [checked]: on O + - text: (Def) No Visual Aid + checked + - switch "Visual Aid + checked" [checked]: on O check" / " + - text: Visual Aid + checked + - link "Size arrow_up_right\" / \"" + - switch "(Def) Medium": on O + - text: (Def) Medium + - switch "Small": on O + - text: Small + - link "Content arrow_up_right\" / \"" + - switch "(Def) Label": on O + - text: (Def) Label + - switch "No Label": on O + - text: No Label No Label + - link "Examples arrow_up_right\" / \"" + - switch "Custom Icons": on O night" / " + - text: Custom Icons + - switch "Custom Icons+ Emphasis": on O lock_closed" / " + - text: Custom Icons+ Emphasis \ No newline at end of file diff --git a/__snapshots__/switch/showcase/firefox/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/firefox/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..9d14513597d --- /dev/null +++ b/__snapshots__/switch/showcase/firefox/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml @@ -0,0 +1,49 @@ +- main: + - heading "DBSwitch" [level=1] + - link "Density arrow_up_right\" / \"" + - switch "functional": on O + - text: functional + - switch "regular (Default)": on O + - text: regular (Default) + - switch "expressive": on O + - text: expressive + - link "States arrow_up_right\" / \"" + - switch "(Def) Enabled": on O + - text: (Def) Enabled + - switch "Checked" [checked]: on O + - text: Checked + - switch "Disabled" [disabled]: on O + - text: Disabled + - link "Emphasis arrow_up_right\" / \"" + - switch "(Def) Weak + unchecked": on O + - text: (Def) Weak + unchecked + - switch "Strong + unchecked": on O cross" / " + - text: Strong + unchecked + - switch "(Def) Weak + checked" [checked]: on O + - text: (Def) Weak + checked + - switch "Strong + checked" [checked]: on O check" / " + - text: Strong + checked + - link "Visual Aid arrow_up_right\" / \"" + - switch "(Def) No Visual Aid + unchecked": on O + - text: (Def) No Visual Aid + unchecked + - switch "Visual Aid + unchecked": on O cross" / " + - text: Visual Aid + unchecked + - switch "(Def) No Visual Aid + checked" [checked]: on O + - text: (Def) No Visual Aid + checked + - switch "Visual Aid + checked" [checked]: on O check" / " + - text: Visual Aid + checked + - link "Size arrow_up_right\" / \"" + - switch "(Def) Medium": on O + - text: (Def) Medium + - switch "Small": on O + - text: Small + - link "Content arrow_up_right\" / \"" + - switch "(Def) Label": on O + - text: (Def) Label + - switch "No Label": on O + - text: No Label No Label + - link "Examples arrow_up_right\" / \"" + - switch "Custom Icons": on O + - text: Custom Icons + - switch "Custom Icons+ Emphasis": on O + - text: Custom Icons+ Emphasis \ No newline at end of file diff --git a/__snapshots__/switch/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b08069ac182 --- /dev/null +++ b/__snapshots__/switch/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml @@ -0,0 +1,49 @@ +- main: + - heading "DBSwitch" [level=1] + - link "Density arrow_up_right\" / \"" + - switch "functional": on O + - text: functional + - switch "regular (Default)": on O + - text: regular (Default) + - switch "expressive": on O + - text: expressive + - link "States arrow_up_right\" / \"" + - switch "(Def) Enabled": on O + - text: (Def) Enabled + - switch "Checked" [checked]: on O + - text: Checked + - switch "Disabled" [disabled]: on O + - text: Disabled + - link "Emphasis arrow_up_right\" / \"" + - switch "(Def) Weak + unchecked": on O + - text: (Def) Weak + unchecked + - switch "Strong + unchecked": on O cross" / " + - text: Strong + unchecked + - switch "(Def) Weak + checked" [checked]: on O + - text: (Def) Weak + checked + - switch "Strong + checked" [checked]: on O check" / " + - text: Strong + checked + - link "Visual Aid arrow_up_right\" / \"" + - switch "(Def) No Visual Aid + unchecked": on O + - text: (Def) No Visual Aid + unchecked + - switch "Visual Aid + unchecked": on O cross" / " + - text: Visual Aid + unchecked + - switch "(Def) No Visual Aid + checked" [checked]: on O + - text: (Def) No Visual Aid + checked + - switch "Visual Aid + checked" [checked]: on O check" / " + - text: Visual Aid + checked + - link "Size arrow_up_right\" / \"" + - switch "(Def) Medium": on O + - text: (Def) Medium + - switch "Small": on O + - text: Small + - link "Content arrow_up_right\" / \"" + - switch "(Def) Label": on O + - text: (Def) Label + - switch "No Label": on O + - text: No Label No Label + - link "Examples arrow_up_right\" / \"" + - switch "Custom Icons": on O night" / " + - text: Custom Icons + - switch "Custom Icons+ Emphasis": on O lock_closed" / " + - text: Custom Icons+ Emphasis \ No newline at end of file diff --git a/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index 4fad049c8fb..1ad35a829c6 100644 Binary files a/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/mobile-safari/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/mobile-safari/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b08069ac182 --- /dev/null +++ b/__snapshots__/switch/showcase/mobile-safari/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml @@ -0,0 +1,49 @@ +- main: + - heading "DBSwitch" [level=1] + - link "Density arrow_up_right\" / \"" + - switch "functional": on O + - text: functional + - switch "regular (Default)": on O + - text: regular (Default) + - switch "expressive": on O + - text: expressive + - link "States arrow_up_right\" / \"" + - switch "(Def) Enabled": on O + - text: (Def) Enabled + - switch "Checked" [checked]: on O + - text: Checked + - switch "Disabled" [disabled]: on O + - text: Disabled + - link "Emphasis arrow_up_right\" / \"" + - switch "(Def) Weak + unchecked": on O + - text: (Def) Weak + unchecked + - switch "Strong + unchecked": on O cross" / " + - text: Strong + unchecked + - switch "(Def) Weak + checked" [checked]: on O + - text: (Def) Weak + checked + - switch "Strong + checked" [checked]: on O check" / " + - text: Strong + checked + - link "Visual Aid arrow_up_right\" / \"" + - switch "(Def) No Visual Aid + unchecked": on O + - text: (Def) No Visual Aid + unchecked + - switch "Visual Aid + unchecked": on O cross" / " + - text: Visual Aid + unchecked + - switch "(Def) No Visual Aid + checked" [checked]: on O + - text: (Def) No Visual Aid + checked + - switch "Visual Aid + checked" [checked]: on O check" / " + - text: Visual Aid + checked + - link "Size arrow_up_right\" / \"" + - switch "(Def) Medium": on O + - text: (Def) Medium + - switch "Small": on O + - text: Small + - link "Content arrow_up_right\" / \"" + - switch "(Def) Label": on O + - text: (Def) Label + - switch "No Label": on O + - text: No Label No Label + - link "Examples arrow_up_right\" / \"" + - switch "Custom Icons": on O night" / " + - text: Custom Icons + - switch "Custom Icons+ Emphasis": on O lock_closed" / " + - text: Custom Icons+ Emphasis \ No newline at end of file diff --git a/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index 30849226aac..695987aa657 100644 Binary files a/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/webkit/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/webkit/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..b08069ac182 --- /dev/null +++ b/__snapshots__/switch/showcase/webkit/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml @@ -0,0 +1,49 @@ +- main: + - heading "DBSwitch" [level=1] + - link "Density arrow_up_right\" / \"" + - switch "functional": on O + - text: functional + - switch "regular (Default)": on O + - text: regular (Default) + - switch "expressive": on O + - text: expressive + - link "States arrow_up_right\" / \"" + - switch "(Def) Enabled": on O + - text: (Def) Enabled + - switch "Checked" [checked]: on O + - text: Checked + - switch "Disabled" [disabled]: on O + - text: Disabled + - link "Emphasis arrow_up_right\" / \"" + - switch "(Def) Weak + unchecked": on O + - text: (Def) Weak + unchecked + - switch "Strong + unchecked": on O cross" / " + - text: Strong + unchecked + - switch "(Def) Weak + checked" [checked]: on O + - text: (Def) Weak + checked + - switch "Strong + checked" [checked]: on O check" / " + - text: Strong + checked + - link "Visual Aid arrow_up_right\" / \"" + - switch "(Def) No Visual Aid + unchecked": on O + - text: (Def) No Visual Aid + unchecked + - switch "Visual Aid + unchecked": on O cross" / " + - text: Visual Aid + unchecked + - switch "(Def) No Visual Aid + checked" [checked]: on O + - text: (Def) No Visual Aid + checked + - switch "Visual Aid + checked" [checked]: on O check" / " + - text: Visual Aid + checked + - link "Size arrow_up_right\" / \"" + - switch "(Def) Medium": on O + - text: (Def) Medium + - switch "Small": on O + - text: Small + - link "Content arrow_up_right\" / \"" + - switch "(Def) Label": on O + - text: (Def) Label + - switch "No Label": on O + - text: No Label No Label + - link "Examples arrow_up_right\" / \"" + - switch "Custom Icons": on O night" / " + - text: Custom Icons + - switch "Custom Icons+ Emphasis": on O lock_closed" / " + - text: Custom Icons+ Emphasis \ No newline at end of file diff --git a/__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..cf8083ec8da --- /dev/null +++ b/__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,51 @@ +- main: + - heading "DBTabItem" [level=1] + - link "Density arrow_up_right\" / \"" + - tablist: + - tab "Functional": on + - text: Functional + - tablist: + - tab "(Default) Regular": on + - text: (Default) Regular + - tablist: + - tab "Expressive": on + - text: Expressive + - link "States arrow_up_right\" / \"" + - tablist: + - tab "(Default) Enabled": on + - text: (Default) Enabled + - tablist: + - tab "active" [selected]: on + - text: active + - tablist: + - tab "disabled" [disabled]: on + - text: disabled + - link "Content arrow_up_right\" / \"" + - tablist: + - tab "(Default) Text": on + - text: (Default) Text + - tablist: + - text: db" / " + - tab "db\" / \" Text - Icon (Leading)": on + - text: Text - Icon (Leading) + - tablist: + - tab "Text - Icon (Trailing) db\" / \"": on + - text: Text - Icon (Trailing) db" / " + - tablist: + - text: db" / " + - tab "db\" / \" Icon": on + - text: Icon + - link "Behaviour arrow_up_right\" / \"" + - tablist: + - tab "(Default) Auto Width": on + - text: (Default) Auto Width + - tablist: + - tab "Width full": on + - text: Width full + - link "Content Alignment Full Width arrow_up_right\" / \"" + - tablist: + - tab "Left": on + - text: Left + - tablist: + - tab "Centered": on + - text: Centered \ No newline at end of file diff --git a/__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..cf8083ec8da --- /dev/null +++ b/__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,51 @@ +- main: + - heading "DBTabItem" [level=1] + - link "Density arrow_up_right\" / \"" + - tablist: + - tab "Functional": on + - text: Functional + - tablist: + - tab "(Default) Regular": on + - text: (Default) Regular + - tablist: + - tab "Expressive": on + - text: Expressive + - link "States arrow_up_right\" / \"" + - tablist: + - tab "(Default) Enabled": on + - text: (Default) Enabled + - tablist: + - tab "active" [selected]: on + - text: active + - tablist: + - tab "disabled" [disabled]: on + - text: disabled + - link "Content arrow_up_right\" / \"" + - tablist: + - tab "(Default) Text": on + - text: (Default) Text + - tablist: + - text: db" / " + - tab "db\" / \" Text - Icon (Leading)": on + - text: Text - Icon (Leading) + - tablist: + - tab "Text - Icon (Trailing) db\" / \"": on + - text: Text - Icon (Trailing) db" / " + - tablist: + - text: db" / " + - tab "db\" / \" Icon": on + - text: Icon + - link "Behaviour arrow_up_right\" / \"" + - tablist: + - tab "(Default) Auto Width": on + - text: (Default) Auto Width + - tablist: + - tab "Width full": on + - text: Width full + - link "Content Alignment Full Width arrow_up_right\" / \"" + - tablist: + - tab "Left": on + - text: Left + - tablist: + - tab "Centered": on + - text: Centered \ No newline at end of file diff --git a/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f4cc1ceff38 --- /dev/null +++ b/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,49 @@ +- main: + - heading "DBTabItem" [level=1] + - link "Density arrow_up_right\" / \"" + - tablist: + - tab "Functional": on + - text: Functional + - tablist: + - tab "(Default) Regular": on + - text: (Default) Regular + - tablist: + - tab "Expressive": on + - text: Expressive + - link "States arrow_up_right\" / \"" + - tablist: + - tab "(Default) Enabled": on + - text: (Default) Enabled + - tablist: + - tab "active" [selected]: on + - text: active + - tablist: + - tab "disabled" [disabled]: on + - text: disabled + - link "Content arrow_up_right\" / \"" + - tablist: + - tab "(Default) Text": on + - text: (Default) Text + - tablist: + - tab "Text - Icon (Leading)": on + - text: Text - Icon (Leading) + - tablist: + - tab "Text - Icon (Trailing)": on + - text: Text - Icon (Trailing) + - tablist: + - tab "Icon": on + - text: Icon + - link "Behaviour arrow_up_right\" / \"" + - tablist: + - tab "(Default) Auto Width": on + - text: (Default) Auto Width + - tablist: + - tab "Width full": on + - text: Width full + - link "Content Alignment Full Width arrow_up_right\" / \"" + - tablist: + - tab "Left": on + - text: Left + - tablist: + - tab "Centered": on + - text: Centered \ No newline at end of file diff --git a/__snapshots__/tab-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..cf8083ec8da --- /dev/null +++ b/__snapshots__/tab-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,51 @@ +- main: + - heading "DBTabItem" [level=1] + - link "Density arrow_up_right\" / \"" + - tablist: + - tab "Functional": on + - text: Functional + - tablist: + - tab "(Default) Regular": on + - text: (Default) Regular + - tablist: + - tab "Expressive": on + - text: Expressive + - link "States arrow_up_right\" / \"" + - tablist: + - tab "(Default) Enabled": on + - text: (Default) Enabled + - tablist: + - tab "active" [selected]: on + - text: active + - tablist: + - tab "disabled" [disabled]: on + - text: disabled + - link "Content arrow_up_right\" / \"" + - tablist: + - tab "(Default) Text": on + - text: (Default) Text + - tablist: + - text: db" / " + - tab "db\" / \" Text - Icon (Leading)": on + - text: Text - Icon (Leading) + - tablist: + - tab "Text - Icon (Trailing) db\" / \"": on + - text: Text - Icon (Trailing) db" / " + - tablist: + - text: db" / " + - tab "db\" / \" Icon": on + - text: Icon + - link "Behaviour arrow_up_right\" / \"" + - tablist: + - tab "(Default) Auto Width": on + - text: (Default) Auto Width + - tablist: + - tab "Width full": on + - text: Width full + - link "Content Alignment Full Width arrow_up_right\" / \"" + - tablist: + - tab "Left": on + - text: Left + - tablist: + - tab "Centered": on + - text: Centered \ No newline at end of file diff --git a/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png index 350375924d7..4b0980477f1 100644 Binary files a/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png and b/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..cf8083ec8da --- /dev/null +++ b/__snapshots__/tab-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,51 @@ +- main: + - heading "DBTabItem" [level=1] + - link "Density arrow_up_right\" / \"" + - tablist: + - tab "Functional": on + - text: Functional + - tablist: + - tab "(Default) Regular": on + - text: (Default) Regular + - tablist: + - tab "Expressive": on + - text: Expressive + - link "States arrow_up_right\" / \"" + - tablist: + - tab "(Default) Enabled": on + - text: (Default) Enabled + - tablist: + - tab "active" [selected]: on + - text: active + - tablist: + - tab "disabled" [disabled]: on + - text: disabled + - link "Content arrow_up_right\" / \"" + - tablist: + - tab "(Default) Text": on + - text: (Default) Text + - tablist: + - text: db" / " + - tab "db\" / \" Text - Icon (Leading)": on + - text: Text - Icon (Leading) + - tablist: + - tab "Text - Icon (Trailing) db\" / \"": on + - text: Text - Icon (Trailing) db" / " + - tablist: + - text: db" / " + - tab "db\" / \" Icon": on + - text: Icon + - link "Behaviour arrow_up_right\" / \"" + - tablist: + - tab "(Default) Auto Width": on + - text: (Default) Auto Width + - tablist: + - tab "Width full": on + - text: Width full + - link "Content Alignment Full Width arrow_up_right\" / \"" + - tablist: + - tab "Left": on + - text: Left + - tablist: + - tab "Centered": on + - text: Centered \ No newline at end of file diff --git a/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png index 92db6c35ee1..d620fcd6d2f 100644 Binary files a/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png and b/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/showcase/webkit/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/webkit/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..cf8083ec8da --- /dev/null +++ b/__snapshots__/tab-item/showcase/webkit/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -0,0 +1,51 @@ +- main: + - heading "DBTabItem" [level=1] + - link "Density arrow_up_right\" / \"" + - tablist: + - tab "Functional": on + - text: Functional + - tablist: + - tab "(Default) Regular": on + - text: (Default) Regular + - tablist: + - tab "Expressive": on + - text: Expressive + - link "States arrow_up_right\" / \"" + - tablist: + - tab "(Default) Enabled": on + - text: (Default) Enabled + - tablist: + - tab "active" [selected]: on + - text: active + - tablist: + - tab "disabled" [disabled]: on + - text: disabled + - link "Content arrow_up_right\" / \"" + - tablist: + - tab "(Default) Text": on + - text: (Default) Text + - tablist: + - text: db" / " + - tab "db\" / \" Text - Icon (Leading)": on + - text: Text - Icon (Leading) + - tablist: + - tab "Text - Icon (Trailing) db\" / \"": on + - text: Text - Icon (Trailing) db" / " + - tablist: + - text: db" / " + - tab "db\" / \" Icon": on + - text: Icon + - link "Behaviour arrow_up_right\" / \"" + - tablist: + - tab "(Default) Auto Width": on + - text: (Default) Auto Width + - tablist: + - tab "Width full": on + - text: Width full + - link "Content Alignment Full Width arrow_up_right\" / \"" + - tablist: + - tab "Left": on + - text: Left + - tablist: + - tab "Centered": on + - text: Centered \ No newline at end of file diff --git a/__snapshots__/tabs/component/chromium/DBTabs-should-have-same-aria-snapshot.yaml b/__snapshots__/tabs/component/chromium/DBTabs-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..a4bad058920 --- /dev/null +++ b/__snapshots__/tabs/component/chromium/DBTabs-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 +- tabpanel "Test 1": TestPanel 1 \ No newline at end of file diff --git a/__snapshots__/tabs/component/firefox/DBTabs-should-have-same-aria-snapshot.yaml b/__snapshots__/tabs/component/firefox/DBTabs-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..a4bad058920 --- /dev/null +++ b/__snapshots__/tabs/component/firefox/DBTabs-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 +- tabpanel "Test 1": TestPanel 1 \ No newline at end of file diff --git a/__snapshots__/tabs/component/mobile-chrome/DBTabs-should-have-same-aria-snapshot.yaml b/__snapshots__/tabs/component/mobile-chrome/DBTabs-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..a4bad058920 --- /dev/null +++ b/__snapshots__/tabs/component/mobile-chrome/DBTabs-should-have-same-aria-snapshot.yaml @@ -0,0 +1,8 @@ +- tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 +- tabpanel "Test 1": TestPanel 1 \ No newline at end of file diff --git a/__snapshots__/tabs/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml b/__snapshots__/tabs/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..34e7d6bd18e --- /dev/null +++ b/__snapshots__/tabs/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml @@ -0,0 +1,132 @@ +- main: + - heading "DBTabs" [level=1] + - link "Density arrow_up_right\" / \"" + - text: "Functional:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "(Default) Regular:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "Expressive:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Orientation arrow_up_right\" / \"" + - text: "horizontal:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "vertical:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Width arrow_up_right\" / \"" + - text: "auto:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: start:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: center:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Overflow arrow_up_right\" / \"" + - text: "no overflow:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: arrows:" + - button "chevron_right\" / \" Scroll right" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: scrollbar:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - link "Examples arrow_up_right\" / \"" + - text: "2 tab selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2" [selected]: on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 2": Tab Panel 2 + - text: "nothing selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 \ No newline at end of file diff --git a/__snapshots__/tabs/showcase/chromium/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml b/__snapshots__/tabs/showcase/chromium/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..34e7d6bd18e --- /dev/null +++ b/__snapshots__/tabs/showcase/chromium/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml @@ -0,0 +1,132 @@ +- main: + - heading "DBTabs" [level=1] + - link "Density arrow_up_right\" / \"" + - text: "Functional:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "(Default) Regular:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "Expressive:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Orientation arrow_up_right\" / \"" + - text: "horizontal:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "vertical:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Width arrow_up_right\" / \"" + - text: "auto:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: start:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: center:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Overflow arrow_up_right\" / \"" + - text: "no overflow:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: arrows:" + - button "chevron_right\" / \" Scroll right" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: scrollbar:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - link "Examples arrow_up_right\" / \"" + - text: "2 tab selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2" [selected]: on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 2": Tab Panel 2 + - text: "nothing selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 \ No newline at end of file diff --git a/__snapshots__/tabs/showcase/firefox/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml b/__snapshots__/tabs/showcase/firefox/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..750ceb2c2af --- /dev/null +++ b/__snapshots__/tabs/showcase/firefox/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml @@ -0,0 +1,132 @@ +- main: + - heading "DBTabs" [level=1] + - link "Density arrow_up_right\" / \"" + - text: "Functional:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "(Default) Regular:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "Expressive:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Orientation arrow_up_right\" / \"" + - text: "horizontal:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "vertical:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Width arrow_up_right\" / \"" + - text: "auto:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: start:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: center:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Overflow arrow_up_right\" / \"" + - text: "no overflow:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: arrows:" + - button "Scroll right" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: scrollbar:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - link "Examples arrow_up_right\" / \"" + - text: "2 tab selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2" [selected]: on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 2": Tab Panel 2 + - text: "nothing selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 \ No newline at end of file diff --git a/__snapshots__/tabs/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml b/__snapshots__/tabs/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..34e7d6bd18e --- /dev/null +++ b/__snapshots__/tabs/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml @@ -0,0 +1,132 @@ +- main: + - heading "DBTabs" [level=1] + - link "Density arrow_up_right\" / \"" + - text: "Functional:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "(Default) Regular:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "Expressive:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Orientation arrow_up_right\" / \"" + - text: "horizontal:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "vertical:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Width arrow_up_right\" / \"" + - text: "auto:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: start:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: center:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Overflow arrow_up_right\" / \"" + - text: "no overflow:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: arrows:" + - button "chevron_right\" / \" Scroll right" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: scrollbar:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - link "Examples arrow_up_right\" / \"" + - text: "2 tab selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2" [selected]: on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 2": Tab Panel 2 + - text: "nothing selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 \ No newline at end of file diff --git a/__snapshots__/tabs/showcase/mobile-safari/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/mobile-safari/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png index 288c586fc09..9e3711b9ab3 100644 Binary files a/__snapshots__/tabs/showcase/mobile-safari/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png and b/__snapshots__/tabs/showcase/mobile-safari/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png differ diff --git a/__snapshots__/tabs/showcase/mobile-safari/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml b/__snapshots__/tabs/showcase/mobile-safari/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..34e7d6bd18e --- /dev/null +++ b/__snapshots__/tabs/showcase/mobile-safari/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml @@ -0,0 +1,132 @@ +- main: + - heading "DBTabs" [level=1] + - link "Density arrow_up_right\" / \"" + - text: "Functional:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "(Default) Regular:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "Expressive:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Orientation arrow_up_right\" / \"" + - text: "horizontal:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "vertical:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Width arrow_up_right\" / \"" + - text: "auto:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: start:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: center:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Overflow arrow_up_right\" / \"" + - text: "no overflow:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: arrows:" + - button "chevron_right\" / \" Scroll right" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: scrollbar:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - link "Examples arrow_up_right\" / \"" + - text: "2 tab selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2" [selected]: on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 2": Tab Panel 2 + - text: "nothing selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 \ No newline at end of file diff --git a/__snapshots__/tabs/showcase/webkit/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/webkit/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png index 6cddce8b503..1b49d47f1f7 100644 Binary files a/__snapshots__/tabs/showcase/webkit/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png and b/__snapshots__/tabs/showcase/webkit/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png differ diff --git a/__snapshots__/tabs/showcase/webkit/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml b/__snapshots__/tabs/showcase/webkit/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..34e7d6bd18e --- /dev/null +++ b/__snapshots__/tabs/showcase/webkit/should-have-same-aria-snapshot/DBTabs-should-have-same-aria-snapshot.yaml @@ -0,0 +1,132 @@ +- main: + - heading "DBTabs" [level=1] + - link "Density arrow_up_right\" / \"" + - text: "Functional:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "(Default) Regular:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "Expressive:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Orientation arrow_up_right\" / \"" + - text: "horizontal:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "vertical:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Width arrow_up_right\" / \"" + - text: "auto:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: start:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "full - alignment: center:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - link "Overflow arrow_up_right\" / \"" + - text: "no overflow:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: arrows:" + - button "chevron_right\" / \" Scroll right" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - text: "with overflow - behaviour: scrollbar:" + - tablist: + - tab "Test 1" [selected]: on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tab "Test 4": on + - text: Test 4 + - tab "Test 5": on + - text: Test 5 + - tabpanel "Test 1": Tab Panel 1 + - link "Examples arrow_up_right\" / \"" + - text: "2 tab selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2" [selected]: on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 + - tabpanel "Test 2": Tab Panel 2 + - text: "nothing selected:" + - tablist: + - tab "Test 1": on + - text: Test 1 + - tab "Test 2": on + - text: Test 2 + - tab "Test 3": on + - text: Test 3 \ No newline at end of file diff --git a/__snapshots__/tag/component/chromium/DBTag-should-have-same-aria-snapshot.yaml b/__snapshots__/tag/component/chromium/DBTag-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f9d4547865d --- /dev/null +++ b/__snapshots__/tag/component/chromium/DBTag-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: Test \ No newline at end of file diff --git a/__snapshots__/tag/component/firefox/DBTag-should-have-same-aria-snapshot.yaml b/__snapshots__/tag/component/firefox/DBTag-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f9d4547865d --- /dev/null +++ b/__snapshots__/tag/component/firefox/DBTag-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: Test \ No newline at end of file diff --git a/__snapshots__/tag/component/mobile-chrome/DBTag-should-have-same-aria-snapshot.yaml b/__snapshots__/tag/component/mobile-chrome/DBTag-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..f9d4547865d --- /dev/null +++ b/__snapshots__/tag/component/mobile-chrome/DBTag-should-have-same-aria-snapshot.yaml @@ -0,0 +1 @@ +- text: Test \ No newline at end of file diff --git a/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml b/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4e688cb0bcf --- /dev/null +++ b/__snapshots__/tag/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml @@ -0,0 +1,45 @@ +- main: + - heading "DBTag" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Behaviour arrow_up_right\" / \"" + - group "Behaviour": + - text: (Default) Static + - button "Interactive Button" + - link "Interactive Link" + - checkbox "Interactive Checkbox": on + - text: Interactive Checkbox + - radio "Interactive Radio 1": on + - text: Interactive Radio 1 + - radio "Interactive Radio 2": on + - text: Interactive Radio 2 Removeable + - button "cross\" / \" Remove tag" + - link "State arrow_up_right\" / \"" + - group "State": + - checkbox "(Default) Unchecked": on + - text: (Default) Unchecked + - checkbox "Checked" [checked]: on + - text: Checked + - checkbox "Disabled" [checked] [disabled]: on + - text: Disabled + - link "Content arrow_up_right\" / \"" + - text: (Default) Text person" / " Icon person" / " Icon & Text + - link "Overflow arrow_up_right\" / \"" + - text: (Default) No Overflow With Overflow (max-width) + - link "Example arrow_up_right\" / \"" + - group "Example": + - text: person" / " + - button "Interactive Strong Button with Icon" + - text: person" / " + - link "Interactive Strong Link with Icon" + - text: person" / " + - checkbox "Interactive Strong Checkbox with Icon": on + - text: Interactive Strong Checkbox with Icon person" / " + - radio "Interactive Strong Radio 1 with Icon": on + - text: Interactive Strong Radio 1 with Icon person" / " + - radio "Interactive Strong Radio 2 with Icon": on + - text: Interactive Strong Radio 2 with Icon \ No newline at end of file diff --git a/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml b/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4e688cb0bcf --- /dev/null +++ b/__snapshots__/tag/showcase/chromium/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml @@ -0,0 +1,45 @@ +- main: + - heading "DBTag" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Behaviour arrow_up_right\" / \"" + - group "Behaviour": + - text: (Default) Static + - button "Interactive Button" + - link "Interactive Link" + - checkbox "Interactive Checkbox": on + - text: Interactive Checkbox + - radio "Interactive Radio 1": on + - text: Interactive Radio 1 + - radio "Interactive Radio 2": on + - text: Interactive Radio 2 Removeable + - button "cross\" / \" Remove tag" + - link "State arrow_up_right\" / \"" + - group "State": + - checkbox "(Default) Unchecked": on + - text: (Default) Unchecked + - checkbox "Checked" [checked]: on + - text: Checked + - checkbox "Disabled" [checked] [disabled]: on + - text: Disabled + - link "Content arrow_up_right\" / \"" + - text: (Default) Text person" / " Icon person" / " Icon & Text + - link "Overflow arrow_up_right\" / \"" + - text: (Default) No Overflow With Overflow (max-width) + - link "Example arrow_up_right\" / \"" + - group "Example": + - text: person" / " + - button "Interactive Strong Button with Icon" + - text: person" / " + - link "Interactive Strong Link with Icon" + - text: person" / " + - checkbox "Interactive Strong Checkbox with Icon": on + - text: Interactive Strong Checkbox with Icon person" / " + - radio "Interactive Strong Radio 1 with Icon": on + - text: Interactive Strong Radio 1 with Icon person" / " + - radio "Interactive Strong Radio 2 with Icon": on + - text: Interactive Strong Radio 2 with Icon \ No newline at end of file diff --git a/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml b/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4e9397b490a --- /dev/null +++ b/__snapshots__/tag/showcase/firefox/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml @@ -0,0 +1,42 @@ +- main: + - heading "DBTag" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Behaviour arrow_up_right\" / \"" + - group "Behaviour": + - text: (Default) Static + - button "Interactive Button" + - link "Interactive Link" + - checkbox "Interactive Checkbox": on + - text: Interactive Checkbox + - radio "Interactive Radio 1": on + - text: Interactive Radio 1 + - radio "Interactive Radio 2": on + - text: Interactive Radio 2 Removeable + - button "Remove tag" + - link "State arrow_up_right\" / \"" + - group "State": + - checkbox "(Default) Unchecked": on + - text: (Default) Unchecked + - checkbox "Checked" [checked]: on + - text: Checked + - checkbox "Disabled" [checked] [disabled]: on + - text: Disabled + - link "Content arrow_up_right\" / \"" + - text: (Default) Text Icon Icon & Text + - link "Overflow arrow_up_right\" / \"" + - text: (Default) No Overflow With Overflow (max-width) + - link "Example arrow_up_right\" / \"" + - group "Example": + - button "Interactive Strong Button with Icon" + - link "Interactive Strong Link with Icon" + - checkbox "Interactive Strong Checkbox with Icon": on + - text: Interactive Strong Checkbox with Icon + - radio "Interactive Strong Radio 1 with Icon": on + - text: Interactive Strong Radio 1 with Icon + - radio "Interactive Strong Radio 2 with Icon": on + - text: Interactive Strong Radio 2 with Icon \ No newline at end of file diff --git a/__snapshots__/tag/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml b/__snapshots__/tag/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4e688cb0bcf --- /dev/null +++ b/__snapshots__/tag/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml @@ -0,0 +1,45 @@ +- main: + - heading "DBTag" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Behaviour arrow_up_right\" / \"" + - group "Behaviour": + - text: (Default) Static + - button "Interactive Button" + - link "Interactive Link" + - checkbox "Interactive Checkbox": on + - text: Interactive Checkbox + - radio "Interactive Radio 1": on + - text: Interactive Radio 1 + - radio "Interactive Radio 2": on + - text: Interactive Radio 2 Removeable + - button "cross\" / \" Remove tag" + - link "State arrow_up_right\" / \"" + - group "State": + - checkbox "(Default) Unchecked": on + - text: (Default) Unchecked + - checkbox "Checked" [checked]: on + - text: Checked + - checkbox "Disabled" [checked] [disabled]: on + - text: Disabled + - link "Content arrow_up_right\" / \"" + - text: (Default) Text person" / " Icon person" / " Icon & Text + - link "Overflow arrow_up_right\" / \"" + - text: (Default) No Overflow With Overflow (max-width) + - link "Example arrow_up_right\" / \"" + - group "Example": + - text: person" / " + - button "Interactive Strong Button with Icon" + - text: person" / " + - link "Interactive Strong Link with Icon" + - text: person" / " + - checkbox "Interactive Strong Checkbox with Icon": on + - text: Interactive Strong Checkbox with Icon person" / " + - radio "Interactive Strong Radio 1 with Icon": on + - text: Interactive Strong Radio 1 with Icon person" / " + - radio "Interactive Strong Radio 2 with Icon": on + - text: Interactive Strong Radio 2 with Icon \ No newline at end of file diff --git a/__snapshots__/tag/showcase/mobile-safari/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/mobile-safari/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png index 82b2f8785e9..02c15c80bd8 100644 Binary files a/__snapshots__/tag/showcase/mobile-safari/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png and b/__snapshots__/tag/showcase/mobile-safari/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png differ diff --git a/__snapshots__/tag/showcase/mobile-safari/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml b/__snapshots__/tag/showcase/mobile-safari/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4e688cb0bcf --- /dev/null +++ b/__snapshots__/tag/showcase/mobile-safari/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml @@ -0,0 +1,45 @@ +- main: + - heading "DBTag" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Behaviour arrow_up_right\" / \"" + - group "Behaviour": + - text: (Default) Static + - button "Interactive Button" + - link "Interactive Link" + - checkbox "Interactive Checkbox": on + - text: Interactive Checkbox + - radio "Interactive Radio 1": on + - text: Interactive Radio 1 + - radio "Interactive Radio 2": on + - text: Interactive Radio 2 Removeable + - button "cross\" / \" Remove tag" + - link "State arrow_up_right\" / \"" + - group "State": + - checkbox "(Default) Unchecked": on + - text: (Default) Unchecked + - checkbox "Checked" [checked]: on + - text: Checked + - checkbox "Disabled" [checked] [disabled]: on + - text: Disabled + - link "Content arrow_up_right\" / \"" + - text: (Default) Text person" / " Icon person" / " Icon & Text + - link "Overflow arrow_up_right\" / \"" + - text: (Default) No Overflow With Overflow (max-width) + - link "Example arrow_up_right\" / \"" + - group "Example": + - text: person" / " + - button "Interactive Strong Button with Icon" + - text: person" / " + - link "Interactive Strong Link with Icon" + - text: person" / " + - checkbox "Interactive Strong Checkbox with Icon": on + - text: Interactive Strong Checkbox with Icon person" / " + - radio "Interactive Strong Radio 1 with Icon": on + - text: Interactive Strong Radio 1 with Icon person" / " + - radio "Interactive Strong Radio 2 with Icon": on + - text: Interactive Strong Radio 2 with Icon \ No newline at end of file diff --git a/__snapshots__/tag/showcase/webkit/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/webkit/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png index 9c1bd5ddf53..16647f11d04 100644 Binary files a/__snapshots__/tag/showcase/webkit/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png and b/__snapshots__/tag/showcase/webkit/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png differ diff --git a/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml b/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..4e688cb0bcf --- /dev/null +++ b/__snapshots__/tag/showcase/webkit/should-have-same-aria-snapshot/DBTag-should-have-same-aria-snapshot.yaml @@ -0,0 +1,45 @@ +- main: + - heading "DBTag" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Functional (Default) Regular Expressive + - link "Emphasis arrow_up_right\" / \"" + - text: (Default) Weak Strong + - link "Semantic arrow_up_right\" / \"" + - text: (Default) Adaptive Neutral Critical Informational Successful Warning Adaptive Strong Neutral Strong Critical Strong Informational Strong Successful Strong Warning Strong + - link "Behaviour arrow_up_right\" / \"" + - group "Behaviour": + - text: (Default) Static + - button "Interactive Button" + - link "Interactive Link" + - checkbox "Interactive Checkbox": on + - text: Interactive Checkbox + - radio "Interactive Radio 1": on + - text: Interactive Radio 1 + - radio "Interactive Radio 2": on + - text: Interactive Radio 2 Removeable + - button "cross\" / \" Remove tag" + - link "State arrow_up_right\" / \"" + - group "State": + - checkbox "(Default) Unchecked": on + - text: (Default) Unchecked + - checkbox "Checked" [checked]: on + - text: Checked + - checkbox "Disabled" [checked] [disabled]: on + - text: Disabled + - link "Content arrow_up_right\" / \"" + - text: (Default) Text person" / " Icon person" / " Icon & Text + - link "Overflow arrow_up_right\" / \"" + - text: (Default) No Overflow With Overflow (max-width) + - link "Example arrow_up_right\" / \"" + - group "Example": + - text: person" / " + - button "Interactive Strong Button with Icon" + - text: person" / " + - link "Interactive Strong Link with Icon" + - text: person" / " + - checkbox "Interactive Strong Checkbox with Icon": on + - text: Interactive Strong Checkbox with Icon person" / " + - radio "Interactive Strong Radio 1 with Icon": on + - text: Interactive Strong Radio 1 with Icon person" / " + - radio "Interactive Strong Radio 2 with Icon": on + - text: Interactive Strong Radio 2 with Icon \ No newline at end of file diff --git a/__snapshots__/textarea/component/chromium/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/component/chromium/DBTextarea-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..339d19ce19b --- /dev/null +++ b/__snapshots__/textarea/component/chromium/DBTextarea-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- text: Label +- textbox "Label": Test +- status \ No newline at end of file diff --git a/__snapshots__/textarea/component/firefox/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/component/firefox/DBTextarea-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..339d19ce19b --- /dev/null +++ b/__snapshots__/textarea/component/firefox/DBTextarea-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- text: Label +- textbox "Label": Test +- status \ No newline at end of file diff --git a/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..339d19ce19b --- /dev/null +++ b/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-have-same-aria-snapshot.yaml @@ -0,0 +1,3 @@ +- text: Label +- textbox "Label": Test +- status \ No newline at end of file diff --git a/__snapshots__/textarea/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..84e26fe0aae --- /dev/null +++ b/__snapshots__/textarea/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml @@ -0,0 +1,70 @@ +- main: + - heading "DBTextarea" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Rows arrow_up_right\" / \"" + - text: (Default) 4 Rows + - textbox "(Default) 4 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status + - text: Custom Example 8 Rows + - textbox "Custom Example 8 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status \ No newline at end of file diff --git a/__snapshots__/textarea/showcase/chromium/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/showcase/chromium/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..84e26fe0aae --- /dev/null +++ b/__snapshots__/textarea/showcase/chromium/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml @@ -0,0 +1,70 @@ +- main: + - heading "DBTextarea" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Rows arrow_up_right\" / \"" + - text: (Default) 4 Rows + - textbox "(Default) 4 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status + - text: Custom Example 8 Rows + - textbox "Custom Example 8 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status \ No newline at end of file diff --git a/__snapshots__/textarea/showcase/firefox/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/showcase/firefox/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..84e26fe0aae --- /dev/null +++ b/__snapshots__/textarea/showcase/firefox/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml @@ -0,0 +1,70 @@ +- main: + - heading "DBTextarea" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Rows arrow_up_right\" / \"" + - text: (Default) 4 Rows + - textbox "(Default) 4 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status + - text: Custom Example 8 Rows + - textbox "Custom Example 8 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status \ No newline at end of file diff --git a/__snapshots__/textarea/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..84e26fe0aae --- /dev/null +++ b/__snapshots__/textarea/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml @@ -0,0 +1,70 @@ +- main: + - heading "DBTextarea" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Rows arrow_up_right\" / \"" + - text: (Default) 4 Rows + - textbox "(Default) 4 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status + - text: Custom Example 8 Rows + - textbox "Custom Example 8 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status \ No newline at end of file diff --git a/__snapshots__/textarea/showcase/mobile-safari/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/mobile-safari/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index 24f3cc15809..7b818b28fbe 100644 Binary files a/__snapshots__/textarea/showcase/mobile-safari/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/mobile-safari/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/mobile-safari/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/showcase/mobile-safari/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..84e26fe0aae --- /dev/null +++ b/__snapshots__/textarea/showcase/mobile-safari/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml @@ -0,0 +1,70 @@ +- main: + - heading "DBTextarea" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Rows arrow_up_right\" / \"" + - text: (Default) 4 Rows + - textbox "(Default) 4 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status + - text: Custom Example 8 Rows + - textbox "Custom Example 8 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status \ No newline at end of file diff --git a/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index b2a0336a8f4..97a7d7bb3f0 100644 Binary files a/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/webkit/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/showcase/webkit/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..84e26fe0aae --- /dev/null +++ b/__snapshots__/textarea/showcase/webkit/should-have-same-aria-snapshot/DBTextarea-should-have-same-aria-snapshot.yaml @@ -0,0 +1,70 @@ +- main: + - heading "DBTextarea" [level=1] + - link "Density arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - status + - link "Variant Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Floating Label Floating Label + - status + - text: Label + - textbox "Label" + - status + - link "Variant Helper Message arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label" + - text: information_circle" / " Helper Message + - status + - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "States Floating Label arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label + - textbox "Label": Filled Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled Readonly - Filled + - status + - link "Requirement arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" + - status + - link "Rows arrow_up_right\" / \"" + - text: (Default) 4 Rows + - textbox "(Default) 4 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status + - text: Custom Example 8 Rows + - textbox "Custom Example 8 Rows": Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. + - status \ No newline at end of file diff --git a/__snapshots__/tooltip/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml b/__snapshots__/tooltip/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..70743a65b56 --- /dev/null +++ b/__snapshots__/tooltip/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml @@ -0,0 +1,33 @@ +- main: + - heading "DBTooltip" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) With arrow" + - button "Basic" + - link "Emphasis arrow_up_right\" / \"" + - button "(Default) Weak" + - button "Strong" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - button "(Default) bottom" + - button "bottom-end" + - button "left-start" + - button "left" + - button "left-end" + - button "right-start" + - button "right" + - button "right-end" + - button "top-start" + - button "top" + - button "top-end" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Fixed" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - button "Delay slow" + - button "Delay fast" + - button "No animation" \ No newline at end of file diff --git a/__snapshots__/tooltip/showcase/chromium/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml b/__snapshots__/tooltip/showcase/chromium/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..70743a65b56 --- /dev/null +++ b/__snapshots__/tooltip/showcase/chromium/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml @@ -0,0 +1,33 @@ +- main: + - heading "DBTooltip" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) With arrow" + - button "Basic" + - link "Emphasis arrow_up_right\" / \"" + - button "(Default) Weak" + - button "Strong" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - button "(Default) bottom" + - button "bottom-end" + - button "left-start" + - button "left" + - button "left-end" + - button "right-start" + - button "right" + - button "right-end" + - button "top-start" + - button "top" + - button "top-end" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Fixed" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - button "Delay slow" + - button "Delay fast" + - button "No animation" \ No newline at end of file diff --git a/__snapshots__/tooltip/showcase/firefox/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml b/__snapshots__/tooltip/showcase/firefox/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..70743a65b56 --- /dev/null +++ b/__snapshots__/tooltip/showcase/firefox/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml @@ -0,0 +1,33 @@ +- main: + - heading "DBTooltip" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) With arrow" + - button "Basic" + - link "Emphasis arrow_up_right\" / \"" + - button "(Default) Weak" + - button "Strong" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - button "(Default) bottom" + - button "bottom-end" + - button "left-start" + - button "left" + - button "left-end" + - button "right-start" + - button "right" + - button "right-end" + - button "top-start" + - button "top" + - button "top-end" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Fixed" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - button "Delay slow" + - button "Delay fast" + - button "No animation" \ No newline at end of file diff --git a/__snapshots__/tooltip/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml b/__snapshots__/tooltip/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..70743a65b56 --- /dev/null +++ b/__snapshots__/tooltip/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml @@ -0,0 +1,33 @@ +- main: + - heading "DBTooltip" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) With arrow" + - button "Basic" + - link "Emphasis arrow_up_right\" / \"" + - button "(Default) Weak" + - button "Strong" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - button "(Default) bottom" + - button "bottom-end" + - button "left-start" + - button "left" + - button "left-end" + - button "right-start" + - button "right" + - button "right-end" + - button "top-start" + - button "top" + - button "top-end" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Fixed" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - button "Delay slow" + - button "Delay fast" + - button "No animation" \ No newline at end of file diff --git a/__snapshots__/tooltip/showcase/mobile-safari/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/mobile-safari/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png index ffa6935aa3c..1b3c477684f 100644 Binary files a/__snapshots__/tooltip/showcase/mobile-safari/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png and b/__snapshots__/tooltip/showcase/mobile-safari/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/mobile-safari/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml b/__snapshots__/tooltip/showcase/mobile-safari/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..70743a65b56 --- /dev/null +++ b/__snapshots__/tooltip/showcase/mobile-safari/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml @@ -0,0 +1,33 @@ +- main: + - heading "DBTooltip" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) With arrow" + - button "Basic" + - link "Emphasis arrow_up_right\" / \"" + - button "(Default) Weak" + - button "Strong" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - button "(Default) bottom" + - button "bottom-end" + - button "left-start" + - button "left" + - button "left-end" + - button "right-start" + - button "right" + - button "right-end" + - button "top-start" + - button "top" + - button "top-end" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Fixed" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - button "Delay slow" + - button "Delay fast" + - button "No animation" \ No newline at end of file diff --git a/__snapshots__/tooltip/showcase/webkit/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/webkit/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png index efa3584b138..7e20b95a3fd 100644 Binary files a/__snapshots__/tooltip/showcase/webkit/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png and b/__snapshots__/tooltip/showcase/webkit/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/webkit/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml b/__snapshots__/tooltip/showcase/webkit/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml new file mode 100644 index 00000000000..70743a65b56 --- /dev/null +++ b/__snapshots__/tooltip/showcase/webkit/should-have-same-aria-snapshot/DBTooltip-should-have-same-aria-snapshot.yaml @@ -0,0 +1,33 @@ +- main: + - heading "DBTooltip" [level=1] + - link "Density arrow_up_right\" / \"" + - button "Functional" + - button "(Default) Regular" + - button "Expressive" + - link "Variant arrow_up_right\" / \"" + - button "(Default) With arrow" + - button "Basic" + - link "Emphasis arrow_up_right\" / \"" + - button "(Default) Weak" + - button "Strong" + - link "Placement arrow_up_right\" / \"" + - button "bottom-start" + - button "(Default) bottom" + - button "bottom-end" + - button "left-start" + - button "left" + - button "left-end" + - button "right-start" + - button "right" + - button "right-end" + - button "top-start" + - button "top" + - button "top-end" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Fixed" + - link "Animations arrow_up_right\" / \"" + - button "(Default) Animation no delay" + - button "Delay slow" + - button "Delay fast" + - button "No animation" \ No newline at end of file diff --git a/e2e/package.json b/e2e/package.json index 8e3ee0aae9f..07f291ab2c2 100644 --- a/e2e/package.json +++ b/e2e/package.json @@ -23,7 +23,7 @@ "test:vue-showcase": "npm run test:e2e --workspace=vue-showcase" }, "devDependencies": { - "@playwright/test": "1.48.2", + "@playwright/test": "1.49.0", "cpr": "3.0.1", "cross-env": "^7.0.3", "dotenv": "^16.0.3", diff --git a/output/react/package.json b/output/react/package.json index d9f1e2b908d..58706681133 100644 --- a/output/react/package.json +++ b/output/react/package.json @@ -26,7 +26,7 @@ "tsc": "tsc -p . --sourceMap false" }, "devDependencies": { - "@playwright/experimental-ct-react": "1.48.2", + "@playwright/experimental-ct-react": "1.49.0", "@types/react": "^18.3.12", "react": "^18.3.1", "react-dom": "^18.3.1" diff --git a/output/vue/package.json b/output/vue/package.json index 4a7f4484b1d..3b08da8f2b0 100644 --- a/output/vue/package.json +++ b/output/vue/package.json @@ -38,7 +38,7 @@ "test:components": "playwright test -c playwright.config.ts" }, "devDependencies": { - "@playwright/experimental-ct-vue": "1.48.2", + "@playwright/experimental-ct-vue": "1.49.0", "@vitejs/plugin-vue": "^5.2.0", "replace-in-file": "^8.2.0", "tsx": "^4.19.2", diff --git a/package-lock.json b/package-lock.json index 36e817fcacf..4bb515ef75f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -23,7 +23,7 @@ "@double-great/stylelint-a11y": "3.0.2", "@guidepup/guidepup": "0.22.3", "@guidepup/playwright": "^0.14.1", - "@playwright/test": "1.48.2", + "@playwright/test": "1.49.0", "@types/fs-extra": "^11.0.4", "accessibility-checker": "^3.1.78", "adm-zip": "0.5.16", @@ -72,7 +72,7 @@ "output/*" ], "devDependencies": { - "@playwright/test": "1.48.2", + "@playwright/test": "1.49.0", "cpr": "3.0.1", "cross-env": "^7.0.3", "dotenv": "^16.0.3", @@ -9532,13 +9532,13 @@ } }, "node_modules/@playwright/experimental-ct-core": { - "version": "1.48.2", - "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.48.2.tgz", - "integrity": "sha512-lOiBsOgosctTB9J0K/tWREAifxFF2HCqAKNCTIQKwWyKLXeR8Tp+Wo9vcbhJbiWzLCKcMchGFILKbL9Dq5xbNQ==", + "version": "1.49.0", + "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.49.0.tgz", + "integrity": "sha512-Tl/JekIQOyHIctFvzmHaSB8SuBTbOYcIdrb5HMwMc70i86XbPnQfDp65zgzAuvUiDN1u1k+aIpygJ8ZqnRYgVw==", "dev": true, "dependencies": { - "playwright": "1.48.2", - "playwright-core": "1.48.2", + "playwright": "1.49.0", + "playwright-core": "1.49.0", "vite": "^5.2.8" }, "engines": { @@ -9546,12 +9546,12 @@ } }, "node_modules/@playwright/experimental-ct-react": { - "version": "1.48.2", - "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.48.2.tgz", - "integrity": "sha512-uwYx76WSeOa1qc1Vk5kp2YSz1PuvcDXkfCpxPU1ri2z2XTZiItnxY5vv1hiRAIPUYDNF9jGn8KsGOQAEnwczgA==", + "version": "1.49.0", + "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.49.0.tgz", + "integrity": "sha512-zkCKItOwMHJsyqXagYmpv/iVCjnjpT+NWvLS8HFec1HuU28kI3AhzcIhKJvZbQLiJV+fL99wFhcJnOjHZm5VAA==", "dev": true, "dependencies": { - "@playwright/experimental-ct-core": "1.48.2", + "@playwright/experimental-ct-core": "1.49.0", "@vitejs/plugin-react": "^4.2.1" }, "bin": { @@ -9562,12 +9562,12 @@ } }, "node_modules/@playwright/experimental-ct-vue": { - "version": "1.48.2", - "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-vue/-/experimental-ct-vue-1.48.2.tgz", - "integrity": "sha512-RbqE0GRxiueowDZeOEiBYrEEXFi385WzdwLr2MdboAW8ZK7i2APVq3PPTR4hh9pckG9Leo97Dp1tW0OrJYePug==", + "version": "1.49.0", + "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-vue/-/experimental-ct-vue-1.49.0.tgz", + "integrity": "sha512-tbyk7YU1IQYTb/p0ZEdF6u/ffOVCYC4Y04vX1pVvHvfbB8OkbUmxhd4bFW+Iu7pcMO4Zkz4G4qiiTKU1+qU6AA==", "dev": true, "dependencies": { - "@playwright/experimental-ct-core": "1.48.2", + "@playwright/experimental-ct-core": "1.49.0", "@vitejs/plugin-vue": "^4.2.1" }, "bin": { @@ -9591,12 +9591,12 @@ } }, "node_modules/@playwright/test": { - "version": "1.48.2", - "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.48.2.tgz", - "integrity": "sha512-54w1xCWfXuax7dz4W2M9uw0gDyh+ti/0K/MxcCUxChFh37kkdxPdfZDw5QBbuPUJHr1CiHJ1hXgSs+GgeQc5Zw==", + "version": "1.49.0", + "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.49.0.tgz", + "integrity": "sha512-DMulbwQURa8rNIQrf94+jPJQ4FmOVdpE5ZppRNvWVjvhC+6sOeo28r8MgIpQRYouXRtt/FCCXU7zn20jnHR4Qw==", "devOptional": true, "dependencies": { - "playwright": "1.48.2" + "playwright": "1.49.0" }, "bin": { "playwright": "cli.js" @@ -30580,12 +30580,12 @@ } }, "node_modules/playwright": { - "version": "1.48.2", - "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.48.2.tgz", - "integrity": "sha512-NjYvYgp4BPmiwfe31j4gHLa3J7bD2WiBz8Lk2RoSsmX38SVIARZ18VYjxLjAcDsAhA+F4iSEXTSGgjua0rrlgQ==", + "version": "1.49.0", + "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.49.0.tgz", + "integrity": "sha512-eKpmys0UFDnfNb3vfsf8Vx2LEOtflgRebl0Im2eQQnYMA4Aqd+Zw8bEOB+7ZKvN76901mRnqdsiOGKxzVTbi7A==", "devOptional": true, "dependencies": { - "playwright-core": "1.48.2" + "playwright-core": "1.49.0" }, "bin": { "playwright": "cli.js" @@ -30598,9 +30598,9 @@ } }, "node_modules/playwright-core": { - "version": "1.48.2", - "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.48.2.tgz", - "integrity": "sha512-sjjw+qrLFlriJo64du+EK0kJgZzoQPsabGF4lBvsid+3CNIZIYLgnMj9V6JY5VhM2Peh20DJWIVpVljLLnlawA==", + "version": "1.49.0", + "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.49.0.tgz", + "integrity": "sha512-R+3KKTQF3npy5GTiKH/T+kdhoJfJojjHESR1YEWhYuEKRVfVaxH3+4+GvXE5xyCngCxhxnykk0Vlah9v8fs3jA==", "devOptional": true, "bin": { "playwright-core": "cli.js" @@ -40283,7 +40283,7 @@ "version": "0.0.0", "license": "Apache-2.0", "devDependencies": { - "@playwright/experimental-ct-react": "1.48.2", + "@playwright/experimental-ct-react": "1.49.0", "@types/react": "^18.3.12", "react": "^18.3.1", "react-dom": "^18.3.1" @@ -40307,7 +40307,7 @@ "version": "0.0.0", "license": "Apache-2.0", "devDependencies": { - "@playwright/experimental-ct-vue": "1.48.2", + "@playwright/experimental-ct-vue": "1.49.0", "@vitejs/plugin-vue": "^5.2.0", "replace-in-file": "^8.2.0", "tsx": "^4.19.2", diff --git a/package.json b/package.json index 9fe3b409606..375ec8f0c62 100644 --- a/package.json +++ b/package.json @@ -52,7 +52,7 @@ "@double-great/stylelint-a11y": "3.0.2", "@guidepup/guidepup": "0.22.3", "@guidepup/playwright": "^0.14.1", - "@playwright/test": "1.48.2", + "@playwright/test": "1.49.0", "@types/fs-extra": "^11.0.4", "accessibility-checker": "^3.1.78", "adm-zip": "0.5.16", diff --git a/packages/components/_templates/mitosis/new/showcases/e2e-snapshot-test.ejs.t b/packages/components/_templates/mitosis/new/showcases/e2e-snapshot-test.ejs.t index a7fd2302bba..275ba5b9921 100644 --- a/packages/components/_templates/mitosis/new/showcases/e2e-snapshot-test.ejs.t +++ b/packages/components/_templates/mitosis/new/showcases/e2e-snapshot-test.ejs.t @@ -3,9 +3,11 @@ to: "<%= showcases ? `../../showcases/e2e/${name}/${name}-snapshot.spec.ts` : nu --- import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '<%= name %>'; test.describe('DB<%= h.changeCase.pascal(name) %>', () => { - getDefaultScreenshotTest({ path: '<%= name %>' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/packages/components/src/components/accordion-item/accordion-item.spec.tsx b/packages/components/src/components/accordion-item/accordion-item.spec.tsx index c68d4210d51..c5c5a7a9789 100644 --- a/packages/components/src/components/accordion-item/accordion-item.spec.tsx +++ b/packages/components/src/components/accordion-item/accordion-item.spec.tsx @@ -20,6 +20,11 @@ const testComponent = () => { }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have any A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/accordion/accordion.spec.tsx b/packages/components/src/components/accordion/accordion.spec.tsx index 429c11c95b0..5b84de6b224 100644 --- a/packages/components/src/components/accordion/accordion.spec.tsx +++ b/packages/components/src/components/accordion/accordion.spec.tsx @@ -104,6 +104,11 @@ const testAction = () => { }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have any A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/badge/badge.spec.tsx b/packages/components/src/components/badge/badge.spec.tsx index dcdaf848e5c..7bc9bc4f1b0 100644 --- a/packages/components/src/components/badge/badge.spec.tsx +++ b/packages/components/src/components/badge/badge.spec.tsx @@ -19,6 +19,11 @@ const testComponent = () => { }); }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have any A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/brand/brand.spec.tsx b/packages/components/src/components/brand/brand.spec.tsx index dc04fbfb8f3..0826ae10afc 100644 --- a/packages/components/src/components/brand/brand.spec.tsx +++ b/packages/components/src/components/brand/brand.spec.tsx @@ -18,6 +18,11 @@ const testBrand = () => { }); }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/button/button.spec.tsx b/packages/components/src/components/button/button.spec.tsx index 09cf168ed83..0602a7ccf12 100644 --- a/packages/components/src/components/button/button.spec.tsx +++ b/packages/components/src/components/button/button.spec.tsx @@ -46,6 +46,11 @@ const testButton = () => { }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(defaultIconButton); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have A11y issues', async ({ page, mount }) => { await mount(defaultButton); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/card/card.spec.tsx b/packages/components/src/components/card/card.spec.tsx index 9c362454990..a962fc9052e 100644 --- a/packages/components/src/components/card/card.spec.tsx +++ b/packages/components/src/components/card/card.spec.tsx @@ -35,6 +35,11 @@ const testCardVariants = () => { } }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(defaultComp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have A11y issues', async ({ page, mount }) => { await mount(defaultComp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/checkbox/checkbox.spec.tsx b/packages/components/src/components/checkbox/checkbox.spec.tsx index 04279481ce6..c0c1993293c 100644 --- a/packages/components/src/components/checkbox/checkbox.spec.tsx +++ b/packages/components/src/components/checkbox/checkbox.spec.tsx @@ -19,6 +19,15 @@ const testComponent = () => { }); }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + // Some wired issue with react and playwright ariaSnapshot in this case + const playwrightReactIssueFix = snapshot.replace(': on', ''); + expect(playwrightReactIssueFix).toMatchSnapshot( + `${testInfo.testId}.yaml` + ); + }); test('should not have A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/divider/divider.spec.tsx b/packages/components/src/components/divider/divider.spec.tsx index 38a0832e99c..3a29df7ac83 100644 --- a/packages/components/src/components/divider/divider.spec.tsx +++ b/packages/components/src/components/divider/divider.spec.tsx @@ -22,6 +22,11 @@ const testComponent = () => { }); }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have any A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/drawer/drawer.spec.tsx b/packages/components/src/components/drawer/drawer.spec.tsx index d22c841d1c7..d11865373ae 100644 --- a/packages/components/src/components/drawer/drawer.spec.tsx +++ b/packages/components/src/components/drawer/drawer.spec.tsx @@ -26,6 +26,11 @@ const testComponent = (viewport) => { }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/infotext/infotext.spec.tsx b/packages/components/src/components/infotext/infotext.spec.tsx index af9f4180828..56ea8d137ed 100644 --- a/packages/components/src/components/infotext/infotext.spec.tsx +++ b/packages/components/src/components/infotext/infotext.spec.tsx @@ -33,6 +33,11 @@ const testVariants = () => { } }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/input/input.spec.tsx b/packages/components/src/components/input/input.spec.tsx index a25d2a82745..148f7c2808f 100644 --- a/packages/components/src/components/input/input.spec.tsx +++ b/packages/components/src/components/input/input.spec.tsx @@ -19,6 +19,11 @@ const testComponent = () => { }); }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have any A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/navigation-item/navigation-item.spec.tsx b/packages/components/src/components/navigation-item/navigation-item.spec.tsx index 30ce64bc14f..f617db0117e 100644 --- a/packages/components/src/components/navigation-item/navigation-item.spec.tsx +++ b/packages/components/src/components/navigation-item/navigation-item.spec.tsx @@ -31,6 +31,11 @@ const testComponent = () => { }); }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('DBNavigationItem should not have any automatically detectable accessibility issues', async ({ page, mount diff --git a/packages/components/src/components/navigation/navigation.spec.tsx b/packages/components/src/components/navigation/navigation.spec.tsx index 4ee3ffb95ba..2e676686874 100644 --- a/packages/components/src/components/navigation/navigation.spec.tsx +++ b/packages/components/src/components/navigation/navigation.spec.tsx @@ -53,6 +53,11 @@ const testComponent = (viewport: any) => { }); }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have any automatically detectable accessibility issues', async ({ page, mount diff --git a/packages/components/src/components/notification/notification.spec.tsx b/packages/components/src/components/notification/notification.spec.tsx index b31a5cf3b8f..7aca80271ac 100644 --- a/packages/components/src/components/notification/notification.spec.tsx +++ b/packages/components/src/components/notification/notification.spec.tsx @@ -49,6 +49,11 @@ const testAction = () => { }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have any accessibility issues', async ({ page, mount diff --git a/packages/components/src/components/popover/popover.spec.tsx b/packages/components/src/components/popover/popover.spec.tsx index 7dd621610bd..0f708f61b81 100644 --- a/packages/components/src/components/popover/popover.spec.tsx +++ b/packages/components/src/components/popover/popover.spec.tsx @@ -46,6 +46,11 @@ const testComponent = () => { }); }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have any A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/radio/radio.spec.tsx b/packages/components/src/components/radio/radio.spec.tsx index 3721d097c7c..54ad437ec68 100644 --- a/packages/components/src/components/radio/radio.spec.tsx +++ b/packages/components/src/components/radio/radio.spec.tsx @@ -19,6 +19,15 @@ const testComponent = () => { }); }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + // Some wired issue with react and playwright ariaSnapshot in this case + const playwrightReactIssueFix = snapshot.replace(': on', ''); + expect(playwrightReactIssueFix).toMatchSnapshot( + `${testInfo.testId}.yaml` + ); + }); test('should not have A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/select/select.spec.tsx b/packages/components/src/components/select/select.spec.tsx index f777b88226e..e8a98678237 100644 --- a/packages/components/src/components/select/select.spec.tsx +++ b/packages/components/src/components/select/select.spec.tsx @@ -24,6 +24,11 @@ const testComponent = () => { }); }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/tab-item/tab-item.lite.tsx b/packages/components/src/components/tab-item/tab-item.lite.tsx index a29a50c13bb..4ff0f14715d 100644 --- a/packages/components/src/components/tab-item/tab-item.lite.tsx +++ b/packages/components/src/components/tab-item/tab-item.lite.tsx @@ -8,7 +8,7 @@ import { useTarget } from '@builder.io/mitosis'; import type { DBTabItemProps, DBTabItemState } from './model'; -import { cls } from '../../utils'; +import { cls, getBooleanAsString } from '../../utils'; import { ChangeEvent } from '../../shared/model'; import { handleFrameworkEvent } from '../../utils/form-components'; @@ -30,7 +30,16 @@ export default function DBTabItem(props: DBTabItemProps) { } // We have different ts types in different frameworks, so we need to use any here - state._selected = (event.target as any)?.['checked']; + + useTarget({ + stencil: () => { + const selected = (event.target as any)?.['checked']; + state._selected = getBooleanAsString(selected); + }, + default: () => { + state._selected = (event.target as any)?.['checked']; + } + }); useTarget({ angular: () => handleFrameworkEvent(this, event, 'checked'), diff --git a/packages/components/src/components/tabs/tabs.spec.tsx b/packages/components/src/components/tabs/tabs.spec.tsx index db7a2d9f9a1..4a8765a9639 100644 --- a/packages/components/src/components/tabs/tabs.spec.tsx +++ b/packages/components/src/components/tabs/tabs.spec.tsx @@ -52,6 +52,11 @@ const testActions = () => { }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/tag/tag.spec.tsx b/packages/components/src/components/tag/tag.spec.tsx index 4fc929dfb6d..1f7b085f948 100644 --- a/packages/components/src/components/tag/tag.spec.tsx +++ b/packages/components/src/components/tag/tag.spec.tsx @@ -35,6 +35,11 @@ const testVariants = () => { } }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${testInfo.testId}.yaml`); + }); test('should not have A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/packages/components/src/components/textarea/textarea.spec.tsx b/packages/components/src/components/textarea/textarea.spec.tsx index e45818c15be..e98db81fac0 100644 --- a/packages/components/src/components/textarea/textarea.spec.tsx +++ b/packages/components/src/components/textarea/textarea.spec.tsx @@ -19,6 +19,15 @@ const testComponent = () => { }); }; const testA11y = () => { + test('should have same aria-snapshot', async ({ mount }, testInfo) => { + const component = await mount(comp); + const snapshot = await component.ariaSnapshot(); + // Some wired issue with react and playwright ariaSnapshot in this case + const playwrightReactIssueFix = snapshot.replace('Test Test', 'Test'); + expect(playwrightReactIssueFix).toMatchSnapshot( + `${testInfo.testId}.yaml` + ); + }); test('should not have any A11y issues', async ({ page, mount }) => { await mount(comp); const accessibilityScanResults = await new AxeBuilder({ page }) diff --git a/showcases/e2e/accordion-item/accordion-item-snapshot.spec.ts b/showcases/e2e/accordion-item/accordion-item-snapshot.spec.ts index 3a97f0c5f52..32f367c3868 100644 --- a/showcases/e2e/accordion-item/accordion-item-snapshot.spec.ts +++ b/showcases/e2e/accordion-item/accordion-item-snapshot.spec.ts @@ -1,7 +1,9 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '04/accordion-item'; test.describe('DBAccordionItem', () => { - getDefaultScreenshotTest({ path: '04/accordion-item' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/accordion/accordion-snapshot.spec.ts b/showcases/e2e/accordion/accordion-snapshot.spec.ts index 6ec661ae011..73f19924904 100644 --- a/showcases/e2e/accordion/accordion-snapshot.spec.ts +++ b/showcases/e2e/accordion/accordion-snapshot.spec.ts @@ -1,7 +1,9 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '04/accordion'; test.describe('DBAccordion', () => { - getDefaultScreenshotTest({ path: '04/accordion' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/badge/badge-snapshot.spec.ts b/showcases/e2e/badge/badge-snapshot.spec.ts index 8acb47f7b32..307755e20a6 100644 --- a/showcases/e2e/badge/badge-snapshot.spec.ts +++ b/showcases/e2e/badge/badge-snapshot.spec.ts @@ -1,7 +1,9 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '06/badge'; test.describe('DBBadge', () => { - getDefaultScreenshotTest({ path: '06/badge' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/brand/brand-snapshot.spec.ts b/showcases/e2e/brand/brand-snapshot.spec.ts index 6aaafeaadcc..16c57271992 100644 --- a/showcases/e2e/brand/brand-snapshot.spec.ts +++ b/showcases/e2e/brand/brand-snapshot.spec.ts @@ -1,7 +1,9 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '04/brand'; test.describe('DBBrand', () => { - getDefaultScreenshotTest({ path: '04/brand' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/button/button-snapshot.spec.ts b/showcases/e2e/button/button-snapshot.spec.ts index 527c3cc8fed..840ac2cf23f 100644 --- a/showcases/e2e/button/button-snapshot.spec.ts +++ b/showcases/e2e/button/button-snapshot.spec.ts @@ -1,7 +1,9 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '02/button'; test.describe('DBButton', () => { - getDefaultScreenshotTest({ path: '02/button' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/card/card-snapshot.spec.ts b/showcases/e2e/card/card-snapshot.spec.ts index aa7c27c8e59..d3a51c76476 100644 --- a/showcases/e2e/card/card-snapshot.spec.ts +++ b/showcases/e2e/card/card-snapshot.spec.ts @@ -1,7 +1,9 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '01/card'; test.describe('DBCard', () => { - getDefaultScreenshotTest({ path: '01/card' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/checkbox/checkbox-snapshot.spec.ts b/showcases/e2e/checkbox/checkbox-snapshot.spec.ts index 65804ab3c81..1e33c69d771 100644 --- a/showcases/e2e/checkbox/checkbox-snapshot.spec.ts +++ b/showcases/e2e/checkbox/checkbox-snapshot.spec.ts @@ -2,8 +2,11 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright import { getDefaultScreenshotTest } from '../default.ts'; +const path = '03/checkbox'; test.describe('DBCheckbox', () => { getDefaultScreenshotTest({ - path: '03/checkbox' + path }); + // TODO: There is an issue with playwright ariaSnapshot not working properly for react + // runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/default.ts b/showcases/e2e/default.ts index ef8783a8616..50b2aaea68a 100644 --- a/showcases/e2e/default.ts +++ b/showcases/e2e/default.ts @@ -210,3 +210,22 @@ export const runA11yCheckerTest = ({ expect(failures).toEqual([]); }); }; + +export const runAriaSnapshotTest = ({ + path, + fixedHeight, + preScreenShot +}: DefaultSnapshotTestType) => { + test(`should have same aria-snapshot`, async ({ page }, { title }) => { + await gotoPage(page, path, lvl1, fixedHeight, density); + + if (preScreenShot) { + await preScreenShot(page); + } + + await page.waitForTimeout(1000); // We wait a little bit until everything loaded + + const snapshot = await page.locator('main').ariaSnapshot(); + expect(snapshot).toMatchSnapshot(`${title}.yaml`); + }); +}; diff --git a/showcases/e2e/divider/divider-snapshot.spec.ts b/showcases/e2e/divider/divider-snapshot.spec.ts index 7cc36d31ae5..8c515fa9736 100644 --- a/showcases/e2e/divider/divider-snapshot.spec.ts +++ b/showcases/e2e/divider/divider-snapshot.spec.ts @@ -1,7 +1,10 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '01/divider'; +const fixedHeight = 1500; test.describe('DBDivider', () => { - getDefaultScreenshotTest({ path: '01/divider', fixedHeight: 1500 }); + getDefaultScreenshotTest({ path, fixedHeight }); + runAriaSnapshotTest({ path, fixedHeight }); }); diff --git a/showcases/e2e/drawer/drawer-snapshot.spec.ts b/showcases/e2e/drawer/drawer-snapshot.spec.ts index 45356c0279b..3c90b05ca87 100644 --- a/showcases/e2e/drawer/drawer-snapshot.spec.ts +++ b/showcases/e2e/drawer/drawer-snapshot.spec.ts @@ -1,9 +1,11 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '01/drawer'; test.describe('DBDrawer', () => { getDefaultScreenshotTest({ - path: '01/drawer' + path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/header/header-snapshot.spec.ts b/showcases/e2e/header/header-snapshot.spec.ts index f4bcdc28eab..8e78c440c99 100644 --- a/showcases/e2e/header/header-snapshot.spec.ts +++ b/showcases/e2e/header/header-snapshot.spec.ts @@ -1,11 +1,17 @@ import { test } from '@playwright/test'; -// @ts-expect-error - required for playwright -import { getDefaultScreenshotTest, isStencil } from '../default.ts'; +import { + getDefaultScreenshotTest, + isStencil, + runAriaSnapshotTest + // @ts-expect-error - required for playwright +} from '../default.ts'; +const path = '01/header'; test.describe('DBHeader', () => { if (isStencil(process.env.showcase)) { test.skip(); } - getDefaultScreenshotTest({ path: '01/header' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/icon/icon-snapshot.spec.ts b/showcases/e2e/icon/icon-snapshot.spec.ts index 83fe8144fcc..123362420aa 100644 --- a/showcases/e2e/icon/icon-snapshot.spec.ts +++ b/showcases/e2e/icon/icon-snapshot.spec.ts @@ -1,7 +1,9 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '04/icon'; test.describe('DBIcon', () => { - getDefaultScreenshotTest({ path: '04/icon' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/infotext/infotext-snapshot.spec.ts b/showcases/e2e/infotext/infotext-snapshot.spec.ts index 59c7752b8a4..585694178f8 100644 --- a/showcases/e2e/infotext/infotext-snapshot.spec.ts +++ b/showcases/e2e/infotext/infotext-snapshot.spec.ts @@ -1,7 +1,9 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '04/infotext'; test.describe('DBInfotext', () => { - getDefaultScreenshotTest({ path: '04/infotext' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/input/input-snapshot.spec.ts b/showcases/e2e/input/input-snapshot.spec.ts index bfa6472a555..86d7cb6e6ad 100644 --- a/showcases/e2e/input/input-snapshot.spec.ts +++ b/showcases/e2e/input/input-snapshot.spec.ts @@ -1,9 +1,11 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '03/input'; test.describe('DBInput', () => { getDefaultScreenshotTest({ - path: '03/input' + path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/link/link-snapshot.spec.ts b/showcases/e2e/link/link-snapshot.spec.ts index d7bd8f7188f..c9b2faf362f 100644 --- a/showcases/e2e/link/link-snapshot.spec.ts +++ b/showcases/e2e/link/link-snapshot.spec.ts @@ -1,9 +1,11 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '02/link'; test.describe('DBLink', () => { getDefaultScreenshotTest({ - path: '02/link' + path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/navigation-item/navigation-item-snapshot.spec.ts b/showcases/e2e/navigation-item/navigation-item-snapshot.spec.ts index b35c3bffa76..1826cf94416 100644 --- a/showcases/e2e/navigation-item/navigation-item-snapshot.spec.ts +++ b/showcases/e2e/navigation-item/navigation-item-snapshot.spec.ts @@ -1,11 +1,17 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '05/navigation-item'; +const fixedHeight = 1800; test.describe('DBNavigationItem', () => { // Set fixed height, because of issues with angulars `ngAfterContentInit` getDefaultScreenshotTest({ - path: '05/navigation-item', - fixedHeight: 1800 + path, + fixedHeight + }); + runAriaSnapshotTest({ + path, + fixedHeight }); }); diff --git a/showcases/e2e/navigation/navigation-snapshot.spec.ts b/showcases/e2e/navigation/navigation-snapshot.spec.ts index c81d8c557cf..3330be058f0 100644 --- a/showcases/e2e/navigation/navigation-snapshot.spec.ts +++ b/showcases/e2e/navigation/navigation-snapshot.spec.ts @@ -1,10 +1,16 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '05/navigation'; +const fixedHeight = 1200; test.describe('DBNavigation', () => { getDefaultScreenshotTest({ - path: '05/navigation', - fixedHeight: 1200 + path, + fixedHeight + }); + runAriaSnapshotTest({ + path, + fixedHeight }); }); diff --git a/showcases/e2e/notification/notification-snapshot.spec.ts b/showcases/e2e/notification/notification-snapshot.spec.ts index e9dddc9e19b..aabbb7d2d00 100644 --- a/showcases/e2e/notification/notification-snapshot.spec.ts +++ b/showcases/e2e/notification/notification-snapshot.spec.ts @@ -1,7 +1,9 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '06/notification'; test.describe('DBNotification', () => { - getDefaultScreenshotTest({ path: '06/notification' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/popover/popover-snapshot.spec.ts b/showcases/e2e/popover/popover-snapshot.spec.ts index 070b42702f7..988e1258b09 100644 --- a/showcases/e2e/popover/popover-snapshot.spec.ts +++ b/showcases/e2e/popover/popover-snapshot.spec.ts @@ -1,13 +1,18 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; import { hoverPre } from '../fixtures/hover'; const selector = '.db-popover'; +const path = '01/popover'; test.describe('DBPopover', () => { getDefaultScreenshotTest({ - path: '01/popover', + path, + preScreenShot: async (page) => hoverPre(page, selector) + }); + runAriaSnapshotTest({ + path, preScreenShot: async (page) => hoverPre(page, selector) }); }); diff --git a/showcases/e2e/radio/radio-snapshot.spec.ts b/showcases/e2e/radio/radio-snapshot.spec.ts index a43b5b7ff87..e2af19e1b50 100644 --- a/showcases/e2e/radio/radio-snapshot.spec.ts +++ b/showcases/e2e/radio/radio-snapshot.spec.ts @@ -2,8 +2,11 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright import { getDefaultScreenshotTest } from '../default.ts'; +const path = '03/radio'; test.describe('DBRadio', () => { getDefaultScreenshotTest({ - path: '03/radio' + path }); + // TODO: There is an issue with playwright ariaSnapshot not working properly for react + // runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/section/section-snapshot.spec.ts b/showcases/e2e/section/section-snapshot.spec.ts index 6355090015b..d87dade2441 100644 --- a/showcases/e2e/section/section-snapshot.spec.ts +++ b/showcases/e2e/section/section-snapshot.spec.ts @@ -1,7 +1,9 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '01/section'; test.describe('DBSection', () => { - getDefaultScreenshotTest({ path: '01/section' }); + getDefaultScreenshotTest({ path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/select/select-snapshot.spec.ts b/showcases/e2e/select/select-snapshot.spec.ts index 7795cd4065f..507a69427dd 100644 --- a/showcases/e2e/select/select-snapshot.spec.ts +++ b/showcases/e2e/select/select-snapshot.spec.ts @@ -1,9 +1,11 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '03/select'; test.describe('DBSelect', () => { getDefaultScreenshotTest({ - path: '03/select' + path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/switch/switch-snapshot.spec.ts b/showcases/e2e/switch/switch-snapshot.spec.ts index c131282fe38..ea0e154717a 100644 --- a/showcases/e2e/switch/switch-snapshot.spec.ts +++ b/showcases/e2e/switch/switch-snapshot.spec.ts @@ -2,8 +2,12 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright import { getDefaultScreenshotTest } from '../default.ts'; +const path = '03/switch'; + test.describe('DBSwitch', () => { getDefaultScreenshotTest({ - path: '03/switch' + path }); + // TODO: There is an issue with playwright ariaSnapshot not working properly for react + // runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/tab-item/tab-item-snapshot.spec.ts b/showcases/e2e/tab-item/tab-item-snapshot.spec.ts index a92665fc8cf..f2d9b40888b 100644 --- a/showcases/e2e/tab-item/tab-item-snapshot.spec.ts +++ b/showcases/e2e/tab-item/tab-item-snapshot.spec.ts @@ -1,9 +1,11 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '04/tab-item'; test.describe('DBTabItem', () => { getDefaultScreenshotTest({ - path: '04/tab-item' + path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/tabs/tabs-snapshot.spec.ts b/showcases/e2e/tabs/tabs-snapshot.spec.ts index 3982ccbc537..ffdf21c61c8 100644 --- a/showcases/e2e/tabs/tabs-snapshot.spec.ts +++ b/showcases/e2e/tabs/tabs-snapshot.spec.ts @@ -1,9 +1,12 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; + +const path = '04/tabs'; test.describe('DBTabs', () => { getDefaultScreenshotTest({ - path: '04/tabs' + path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/tag/tag-snapshot.spec.ts b/showcases/e2e/tag/tag-snapshot.spec.ts index 1c9e95c2714..31a1a6c5887 100644 --- a/showcases/e2e/tag/tag-snapshot.spec.ts +++ b/showcases/e2e/tag/tag-snapshot.spec.ts @@ -1,9 +1,12 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; + +const path = '04/tag'; test.describe('DBTag', () => { getDefaultScreenshotTest({ - path: '04/tag' + path }); + runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/textarea/textarea-snapshot.spec.ts b/showcases/e2e/textarea/textarea-snapshot.spec.ts index 078bdfe0545..7ae2242187c 100644 --- a/showcases/e2e/textarea/textarea-snapshot.spec.ts +++ b/showcases/e2e/textarea/textarea-snapshot.spec.ts @@ -1,9 +1,12 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; +const path = '03/textarea'; test.describe('DBTextarea', () => { getDefaultScreenshotTest({ - path: '03/textarea' + path }); + // TODO: There is an issue with playwright ariaSnapshot not working properly for react + // runAriaSnapshotTest({ path }); }); diff --git a/showcases/e2e/tooltip/tooltip-snapshot.spec.ts b/showcases/e2e/tooltip/tooltip-snapshot.spec.ts index 5ed1092957b..7a782f71ee7 100644 --- a/showcases/e2e/tooltip/tooltip-snapshot.spec.ts +++ b/showcases/e2e/tooltip/tooltip-snapshot.spec.ts @@ -1,13 +1,18 @@ import { test } from '@playwright/test'; // @ts-expect-error - required for playwright -import { getDefaultScreenshotTest } from '../default.ts'; +import { getDefaultScreenshotTest, runAriaSnapshotTest } from '../default.ts'; import { hoverPre } from '../fixtures/hover'; const selector = '.db-tooltip'; +const path = '04/tooltip'; test.describe('DBTooltip', () => { getDefaultScreenshotTest({ - path: '04/tooltip', + path, + preScreenShot: async (page) => hoverPre(page, selector) + }); + runAriaSnapshotTest({ + path, preScreenShot: async (page) => hoverPre(page, selector) }); }); diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBNavigation-default-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBNavigation-default-1.txt index 64ef2eae33a..9b81072e6ca 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBNavigation-default-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBNavigation-default-1.txt @@ -1 +1 @@ -["Functional navigation","list 3 items","Navi-Item 1 menu pop up button 1 of 3","list 2 items level 2","Sub-Navi-Item 1 menu pop up button 1 of 2","list 2 items level 3","current page link Sub-Sub-Navi-Item 1 1 of 2","link Sub-Sub-Navi-Item 2 2 of 2","end of list","link Sub-Navi-Item 2 2 of 2","end of list","link Navi-Item 2 2 of 3","dimmed link Navi-Item 3 3 of 3. This item is dimmed.","end of list"] \ No newline at end of file +["Functional navigation","list 3 items","Navi-Item 1 menu pop up button 1 of 3","list 3 items level 2","Back button 1 of 3","Sub-Navi-Item 1 menu pop up button 2 of 3","list 3 items level 3","Back button 1 of 3","current page link Sub-Sub-Navi-Item 1 2 of 3","link Sub-Sub-Navi-Item 2 3 of 3","end of list","link Sub-Navi-Item 2 3 of 3","end of list","link Navi-Item 2 2 of 3"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBTabs-default-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBTabs-default-1.txt index 464e6506aac..b639334d7be 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBTabs-default-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBTabs-default-1.txt @@ -1 +1 @@ -["Test 1 selected tab","Test 1","Test 2 tab","selected Test 2 tab","Test 2","Test 3 tab","Test 3","on tab panel","Tab Panel 2"] \ No newline at end of file +["Test 1 selected tab","Test 1","Test 2 tab","selected Test 2 tab","Test 2","Test 3 tab","Test 3","on tab panel","Tab Panel 1"] \ No newline at end of file