From eaa3a392c2f87720aa09e279b8cef20b7b66c034 Mon Sep 17 00:00:00 2001
From: denilsonrp <denilsonraimundo17@gmail.com>
Date: Tue, 18 Jul 2023 16:16:53 -0300
Subject: [PATCH] fix(breadcrumb): use querySelectorAll to get all breadcrumbs
 in stories

---
 .../stories/breadcrumb.core.stories.tsx       | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/packages/core/src/components/breadcrumb/stories/breadcrumb.core.stories.tsx b/packages/core/src/components/breadcrumb/stories/breadcrumb.core.stories.tsx
index 3b47fc2da..b8f0d3380 100644
--- a/packages/core/src/components/breadcrumb/stories/breadcrumb.core.stories.tsx
+++ b/packages/core/src/components/breadcrumb/stories/breadcrumb.core.stories.tsx
@@ -15,24 +15,26 @@ const createBreadcrumb = () => {
 
     <script>
       ;(function () {
-        const atomBreadcrumb = document.querySelector('atom-breadcrumb')
+        const breadcrumbsElements = document.querySelectorAll('atom-breadcrumb')
 
-        atomBreadcrumb.items = [
-          {
-            text: 'First level',
-            title: 'Go to first level',
-            redirect: () => console.log('/first'),
-          },
-          {
-            text: 'Intermediary level',
-            title: 'Go to intermediary level',
-            redirect: () => console.log('/intermediary'),
-          },
-          {
-            text: 'Current level',
-            title: 'This is the current level',
-          },
-        ]
+        breadcrumbsElements.forEach((atomBreadcrumb) => {
+          atomBreadcrumb.items = [
+            {
+              text: 'First level',
+              title: 'Go to first level',
+              redirect: () => console.log('/first'),
+            },
+            {
+              text: 'Intermediary level',
+              title: 'Go to intermediary level',
+              redirect: () => console.log('/intermediary'),
+            },
+            {
+              text: 'Current level',
+              title: 'This is the current level',
+            },
+          ]
+        })
       })()
     </script>
   `