Update snapshots

Signed-off-by: Miki <miki@amazon.com>
AMoo-Miki · Sep 18, 2024 · c633cb8 · c633cb8
1 parent 1d07a5c
commit c633cb8
Show file tree

Hide file tree

Showing 4 changed files with 1,027 additions and 857 deletions.
diff --git a/src/components/breadcrumbs/__snapshots__/breadcrumbs.test.tsx.snap b/src/components/breadcrumbs/__snapshots__/breadcrumbs.test.tsx.snap
@@ -121,34 +121,27 @@ exports[`OuiBreadcrumbs props max doesn't break when max exceeds the number of b
     </span>
   </div>
   <div
-    class="ouiBreadcrumbWrapper"
-  >
-    <span
-      aria-current="false"
-      class="ouiBreadcrumb"
-    >
-      Chordates
-    </span>
-  </div>
-  <div
-    class="ouiBreadcrumbWrapper ouiBreadcrumbWrapper--truncate"
-  >
-    <span
-      aria-current="false"
-      class="ouiBreadcrumb ouiBreadcrumb--truncate"
-    >
-      Nebulosa subspecies is also a real mouthful, especially for creatures without mouths
-    </span>
-  </div>
-  <div
-    class="ouiBreadcrumbWrapper"
+    class="ouiBreadcrumbWrapper ouiBreadcrumbWrapper--collapsed"
   >
-    <span
-      aria-current="false"
-      class="ouiBreadcrumb"
+    <div
+      class="ouiPopover ouiPopover--anchorDownCenter ouiBreadcrumb ouiBreadcrumb--collapsed"
     >
-      Tetrapods
-    </span>
+      <div
+        class="ouiPopover__anchor"
+      >
+        <button
+          aria-label="Show collapsed breadcrumbs"
+          class="ouiLink ouiLink--subdued ouiBreadcrumb__collapsedLink"
+          title="Show collapsed breadcrumbs"
+          type="button"
+        >
+          … 
+          <span
+            data-ouiicon-type="arrowDown"
+          />
+        </button>
+      </div>
+    </div>
   </div>
   <div
     class="ouiBreadcrumbWrapper"
@@ -257,34 +250,27 @@ exports[`OuiBreadcrumbs props max renders all items with null 1`] = `
     </span>
   </div>
   <div
-    class="ouiBreadcrumbWrapper"
-  >
-    <span
-      aria-current="false"
-      class="ouiBreadcrumb"
-    >
-      Chordates
-    </span>
-  </div>
-  <div
-    class="ouiBreadcrumbWrapper ouiBreadcrumbWrapper--truncate"
-  >
-    <span
-      aria-current="false"
-      class="ouiBreadcrumb ouiBreadcrumb--truncate"
-    >
-      Nebulosa subspecies is also a real mouthful, especially for creatures without mouths
-    </span>
-  </div>
-  <div
-    class="ouiBreadcrumbWrapper"
+    class="ouiBreadcrumbWrapper ouiBreadcrumbWrapper--collapsed"
   >
-    <span
-      aria-current="false"
-      class="ouiBreadcrumb"
+    <div
+      class="ouiPopover ouiPopover--anchorDownCenter ouiBreadcrumb ouiBreadcrumb--collapsed"
     >
-      Tetrapods
-    </span>
+      <div
+        class="ouiPopover__anchor"
+      >
+        <button
+          aria-label="Show collapsed breadcrumbs"
+          class="ouiLink ouiLink--subdued ouiBreadcrumb__collapsedLink"
+          title="Show collapsed breadcrumbs"
+          type="button"
+        >
+          … 
+          <span
+            data-ouiicon-type="arrowDown"
+          />
+        </button>
+      </div>
+    </div>
   </div>
   <div
     class="ouiBreadcrumbWrapper"