refactor: patternhub examples to align with figma props (#3592)

* refactor: patternhub examples to align with figma props * chore: update snapshots * fix: issue with copy&paste error * fix: some issues for angular * fix: issues for form-components using showMessage * chore: update snapshots * chore: update snapshots * fix: issue with stencil and radio
db-ui · Dec 17, 2024 · 8d9e8b0 · 8d9e8b0
1 parent 961707f
commit 8d9e8b0
Show file tree

Hide file tree

Showing 217 changed files with 2,118 additions and 930 deletions.
diff --git a/...hContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...hContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/...m-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/...m-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,7 +9,7 @@
   - 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
+  - text: (Default) Text Dot - Small Icon - Small
   - link "Placement arrow_up_right\" / \""
   - text: (Default) Inline Label
   - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left"
@@ -25,4 +25,4 @@
   - 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
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
diff --git a/.../chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/.../chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/...wcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/...wcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,7 +9,7 @@
   - 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
+  - text: (Default) Text Dot - Small Icon - Small
   - link "Placement arrow_up_right\" / \""
   - text: (Default) Inline Label
   - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left"
@@ -25,4 +25,4 @@
   - 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
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
diff --git a/...e/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...e/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/...owcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/...owcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,7 +9,7 @@
   - 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
+  - text: (Default) Text Dot - Small Icon - Small
   - link "Placement arrow_up_right\" / \""
   - text: (Default) Inline Label
   - button "Corner - Top - Left"
@@ -25,4 +25,4 @@
   - button "Corner - Bottom- Right"
   - text: Corner - Bottom- Right
   - link "Examples arrow_up_right\" / \""
-  - text: 9 12 123 9 12 123 Numbers
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
diff --git a/...le-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...le-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/.../mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/.../mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,7 +9,7 @@
   - 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
+  - text: (Default) Text Dot - Small Icon - Small
   - link "Placement arrow_up_right\" / \""
   - text: (Default) Inline Label
   - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left"
@@ -25,4 +25,4 @@
   - 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
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
diff --git a/...le-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...le-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/.../mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/.../mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,7 +9,7 @@
   - 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
+  - text: (Default) Text Dot - Small Icon - Small
   - link "Placement arrow_up_right\" / \""
   - text: (Default) Inline Label
   - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left"
@@ -25,4 +25,4 @@
   - 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
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
diff --git a/...se/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...se/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/...howcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/...howcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,7 +9,7 @@
   - 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
+  - text: (Default) Text Dot - Small Icon - Small
   - link "Placement arrow_up_right\" / \""
   - text: (Default) Inline Label
   - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left"
@@ -25,4 +25,4 @@
   - 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
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
diff --git a/...ontrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/...ontrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
diff --git a/...-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/...-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -9,16 +9,18 @@
   - button "Filled - Adaptive"
   - button "Ghost - Adaptive"
   - button "Brand"
-  - link "State arrow_up_right\" / \""
-  - button "(Default) Enabled"
-  - button "Disabled" [disabled]
+  - link "Disabled arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "True" [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"
+  - link "Show Icon arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "person\" / \" True"
+  - link "No Text arrow_up_right\" / \""
+  - button "person\" / \" (Default) False"
+  - button "person\" / \" True"
+  - link "Width arrow_up_right\" / \""
+  - button "(Default) Auto"
+  - button "Width"
diff --git a/...hromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/...hromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
diff --git a/...case/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/...case/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -9,16 +9,18 @@
   - button "Filled - Adaptive"
   - button "Ghost - Adaptive"
   - button "Brand"
-  - link "State arrow_up_right\" / \""
-  - button "(Default) Enabled"
-  - button "Disabled" [disabled]
+  - link "Disabled arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "True" [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"
+  - link "Show Icon arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "person\" / \" True"
+  - link "No Text arrow_up_right\" / \""
+  - button "person\" / \" (Default) False"
+  - button "person\" / \" True"
+  - link "Width arrow_up_right\" / \""
+  - button "(Default) Auto"
+  - button "Width"
diff --git a/...firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/...firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
diff --git a/...wcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/...wcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -9,16 +9,18 @@
   - button "Filled - Adaptive"
   - button "Ghost - Adaptive"
   - button "Brand"
-  - link "State arrow_up_right\" / \""
-  - button "(Default) Enabled"
-  - button "Disabled" [disabled]
+  - link "Disabled arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "True" [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"
+  - link "Show Icon arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "True"
+  - link "No Text arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "True"
+  - link "Width arrow_up_right\" / \""
+  - button "(Default) Auto"
+  - button "Width"
diff --git a/...-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/...-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
diff --git a/...mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/...mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -9,16 +9,18 @@
   - button "Filled - Adaptive"
   - button "Ghost - Adaptive"
   - button "Brand"
-  - link "State arrow_up_right\" / \""
-  - button "(Default) Enabled"
-  - button "Disabled" [disabled]
+  - link "Disabled arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "True" [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"
+  - link "Show Icon arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "person\" / \" True"
+  - link "No Text arrow_up_right\" / \""
+  - button "person\" / \" (Default) False"
+  - button "person\" / \" True"
+  - link "Width arrow_up_right\" / \""
+  - button "(Default) Auto"
+  - button "Width"
diff --git a/...-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/...-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
diff --git a/...mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/...mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -9,16 +9,18 @@
   - button "Filled - Adaptive"
   - button "Ghost - Adaptive"
   - button "Brand"
-  - link "State arrow_up_right\" / \""
-  - button "(Default) Enabled"
-  - button "Disabled" [disabled]
+  - link "Disabled arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "True" [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"
+  - link "Show Icon arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "person\" / \" True"
+  - link "No Text arrow_up_right\" / \""
+  - button "person\" / \" (Default) False"
+  - button "person\" / \" True"
+  - link "Width arrow_up_right\" / \""
+  - button "(Default) Auto"
+  - button "Width"
diff --git a/.../webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/.../webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
diff --git a/...owcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/...owcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -9,16 +9,18 @@
   - button "Filled - Adaptive"
   - button "Ghost - Adaptive"
   - button "Brand"
-  - link "State arrow_up_right\" / \""
-  - button "(Default) Enabled"
-  - button "Disabled" [disabled]
+  - link "Disabled arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "True" [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"
+  - link "Show Icon arrow_up_right\" / \""
+  - button "(Default) False"
+  - button "person\" / \" True"
+  - link "No Text arrow_up_right\" / \""
+  - button "person\" / \" (Default) False"
+  - button "person\" / \" True"
+  - link "Width arrow_up_right\" / \""
+  - button "(Default) Auto"
+  - button "Width"
diff --git a/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png b/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png
diff --git a/...ast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/...ast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
diff --git a/...ium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/...ium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
diff --git a/...fox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/...fox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
diff --git a/...ome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/...ome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
diff --git a/...ari/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/...ari/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
diff --git a/...kit/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/...kit/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
diff --git a/...ontrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/...ontrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png
diff --git a/...-highContrast/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/...-highContrast/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml
@@ -8,19 +8,19 @@
   - 'button "Open: (Default) Medium"'
   - 'button "Open: Full"'
   - link "Rounded arrow_up_right\" / \""
-  - 'button "Open: (Default) No rounding"'
-  - 'button "Open: Rounded"'
+  - 'button "Open: (Default) False"'
+  - 'button "Open: True"'
   - 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: (Default) Strong"'
+  - 'button "Open: Weak"'
   - 'button "Open: Invisible"'
   - 'button "Open: No Backdrop"'
-  - link "Directions arrow_up_right\" / \""
+  - link "Direction arrow_up_right\" / \""
   - 'button "Open: (Default) Right"'
   - 'button "Open: Left"'
   - 'button "Open: Up"'

diff --git a/...hromium/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/...hromium/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png
diff --git a/...case/chromium/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/...case/chromium/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml
@@ -8,19 +8,19 @@
   - 'button "Open: (Default) Medium"'
   - 'button "Open: Full"'
   - link "Rounded arrow_up_right\" / \""
-  - 'button "Open: (Default) No rounding"'
-  - 'button "Open: Rounded"'
+  - 'button "Open: (Default) False"'
+  - 'button "Open: True"'
   - 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: (Default) Strong"'
+  - 'button "Open: Weak"'
   - 'button "Open: Invisible"'
   - 'button "Open: No Backdrop"'
-  - link "Directions arrow_up_right\" / \""
+  - link "Direction arrow_up_right\" / \""
   - 'button "Open: (Default) Right"'
   - 'button "Open: Left"'
   - 'button "Open: Up"'

diff --git a/...firefox/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/...firefox/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png
diff --git a/...wcase/firefox/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/...wcase/firefox/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml
@@ -8,19 +8,19 @@
   - 'button "Open: (Default) Medium"'
   - 'button "Open: Full"'
   - link "Rounded arrow_up_right\" / \""
-  - 'button "Open: (Default) No rounding"'
-  - 'button "Open: Rounded"'
+  - 'button "Open: (Default) False"'
+  - 'button "Open: True"'
   - 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: (Default) Strong"'
+  - 'button "Open: Weak"'
   - 'button "Open: Invisible"'
   - 'button "Open: No Backdrop"'
-  - link "Directions arrow_up_right\" / \""
+  - link "Direction arrow_up_right\" / \""
   - 'button "Open: (Default) Right"'
   - 'button "Open: Left"'
   - 'button "Open: Up"'

diff --git a/...-chrome/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/...-chrome/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png
diff --git a/...mobile-chrome/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/...mobile-chrome/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml
@@ -8,19 +8,19 @@
   - 'button "Open: (Default) Medium"'
   - 'button "Open: Full"'
   - link "Rounded arrow_up_right\" / \""
-  - 'button "Open: (Default) No rounding"'
-  - 'button "Open: Rounded"'
+  - 'button "Open: (Default) False"'
+  - 'button "Open: True"'
   - 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: (Default) Strong"'
+  - 'button "Open: Weak"'
   - 'button "Open: Invisible"'
   - 'button "Open: No Backdrop"'
-  - link "Directions arrow_up_right\" / \""
+  - link "Direction arrow_up_right\" / \""
   - 'button "Open: (Default) Right"'
   - 'button "Open: Left"'
   - 'button "Open: Up"'

diff --git a/...-safari/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/...-safari/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png