Error: Snapshot `ActionsList snapshot test > renders correctly 1` mismatched - Expected + Received - "<span data-v-99cceb08=\"\" class=\"action-list\"><div data-v-99cceb08=\"\" class=\"action-list--right\"><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><div data-v-99cceb08=\"\" class=\"action-list__item\"><!-- @slot Scoped slot para renderização customizada das 'actions'. + "<span data-v-99cceb08="" class="action-list"><div data-v-99cceb08="" class="action-list--right"><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><div data-v-99cceb08="" class="action-list__item"><!-- @slot Scoped slot para renderização customizada das 'actions'. A propriedade 'list', que pode ser acessada através do slot, representa o array de actions a ser exibido. - --></div></transition-stub></div><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><div data-v-99cceb08=\"\" class=\"action-list__item--left-bordered\"><!-- @slot Scoped slot para renderização customizada das 'actions'. + --></div></transition-stub></div><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><div data-v-99cceb08="" class="action-list__item--left-bordered"><!-- @slot Scoped slot para renderização customizada das 'actions'. A propriedade 'list', que pode ser acessada através do slot, representa o array de actions a ser exibido. - --></div></transition-stub></div><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><!--v-if--></transition-stub></div><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><!--v-if--></transition-stub></div><div data-v-99cceb08=\"\" class=\"action-list__item--left-bordered\"><!-- @slot Slot para renderização customizada do conteúdo do item + --></div></transition-stub></div><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><!--v-if--></transition-stub></div><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><!--v-if--></transition-stub></div><div data-v-99cceb08="" class="action-list__item--left-bordered"><!-- @slot Slot para renderização customizada do conteúdo do item de expandir/colapsar a lista -->Mais ações</div></div></span>" ❯ src/tests/ActionsList.spec.ts:30:26

Error: Snapshot `Alert snapshot test > renders correctly 1` mismatched - Expected + Received - "<span data-v-3f4a8ec2=\"\" id=\"alert\"><div data-v-3f4a8ec2=\"\" class=\"alert alert__container--info\"><div data-v-3f4a8ec2=\"\" class=\"alert__body\"><div data-v-3f4a8ec2=\"\"><svg data-v-3f4a8ec2=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-labelledby=\"info-outline\" role=\"presentation\" class=\"alert__icon--info\"><g fill=\"currentColor\"></g></svg></div><span data-v-3f4a8ec2=\"\" class=\"alert__text\">Texto do alerta</span></div> + "<span data-v-3f4a8ec2="" id="alert"><div data-v-3f4a8ec2="" class="alert alert__container--info"><div data-v-3f4a8ec2="" class="alert__body"><div data-v-3f4a8ec2=""><svg data-v-3f4a8ec2="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="info-outline" role="presentation" class="alert__icon--info"><g fill="currentColor"></g></svg></div><span data-v-3f4a8ec2="" class="alert__text">Texto do alerta</span></div> <!--v-if--> </div></span>" ❯ src/tests/Alert.spec.ts:15:26

Error: Snapshot `AlertCard snapshot test > renders correctly 1` mismatched - Expected + Received - "<span data-v-45f89aca=\"\" id=\"alert-card\"><div data-v-45f89aca=\"\" class=\"alert-card__container\"><!--v-if--><div data-v-45f89aca=\"\" class=\"alert-card__content-container\"><span data-v-45f89aca=\"\" class=\"alert-card__title--info\">Título do AlertCard</span><!-- @slot Slot usado para inserção de conteúdo customizado no subtítulo. --><span data-v-45f89aca=\"\" class=\"alert-card__subtitle mt-2\">Subtítulo do AlertCard</span> + "<span data-v-45f89aca="" id="alert-card"><div data-v-45f89aca="" class="alert-card__container"><!--v-if--><div data-v-45f89aca="" class="alert-card__content-container"><span data-v-45f89aca="" class="alert-card__title--info">Título do AlertCard</span><!-- @slot Slot usado para inserção de conteúdo customizado no subtítulo. --><span data-v-45f89aca="" class="alert-card__subtitle mt-2">Subtítulo do AlertCard</span> <!-- @slot Slot usado para inserção de conteúdo adicional no AlertCard abaixo do subtítulo. --> </div> </div></span>" ❯ src/tests/AlertCard.spec.ts:17:26

Error: Snapshot `Badge > renders correctly 1` mismatched - Expected + Received - "<div data-v-0d3d5e64=\"\" class=\"badge__container badge--gray badge--md\"> + "<div data-v-0d3d5e64="" class="badge__container badge--gray badge--md"> - <div data-v-0d3d5e64=\"\" class=\"badge__content--md\">Badge</div> + <div data-v-0d3d5e64="" class="badge__content--md">Badge</div> </div>" ❯ src/tests/Badge.spec.ts:17:26

TypeError: Cannot read properties of null (reading 'length') ❯ Proxy.__vite_ssr_exports__.default src/utils/methods/paleteBuilder.js:8:30 ❯ Proxy.palete src/components/BarChart.vue:173:29 ❯ Proxy.mergeChartDataNoSelect src/components/BarChart.vue:215:9 ❯ Proxy.handler src/components/BarChart.vue:138:10 ❯ callWithErrorHandling node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:200:19 ❯ callWithAsyncErrorHandling node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:207:17 ❯ baseWatchOptions.call node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6136:47 ❯ job node_modules/@vue/reactivity/dist/reactivity.cjs.js:1807:18 ❯ Object.watch node_modules/@vue/reactivity/dist/reactivity.cjs.js:1843:7 ❯ doWatch node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6164:34

Error: Snapshot `BottomSheet > renders correctly 1` mismatched - Expected + Received - "<div data-v-4053a7e3=\"\"> + "<div data-v-4053a7e3=""> - <div data-v-4053a7e3=\"\" class=\"backdrop__show\"> + <div data-v-4053a7e3="" class="backdrop__show"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__show\"> + <div data-v-4053a7e3="" class="bottom-sheet__show"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__header-border\"> + <div data-v-4053a7e3="" class="bottom-sheet__header-border"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__header-border-line\"></div> + <div data-v-4053a7e3="" class="bottom-sheet__header-border-line"></div> </div> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__header\"> + <div data-v-4053a7e3="" class="bottom-sheet__header"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__title\">Qual o segredo da vida?</div> + <div data-v-4053a7e3="" class="bottom-sheet__title">Qual o segredo da vida?</div> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__close-icon\"><svg data-v-4053a7e3=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-labelledby=\"x-outline\" role=\"presentation\"> + <div data-v-4053a7e3="" class="bottom-sheet__close-icon"><svg data-v-4053a7e3="" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" aria-labelledby="x-outline" role="presentation"> - <g fill=\"#29333D\"></g> + <g fill="#29333D"></g> </svg></div> </div> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__content\"> + <div data-v-4053a7e3="" class="bottom-sheet__content"> <!-- @slot Scoped slot usado para inserção de conteúdo customizado. --> </div> </div> </div> </div>" ❯ src/tests/BottomSheet.spec.ts:14:26

Error: Snapshot `Spacer snapshot test > renders correctly 1` mismatched - Expected + Received - "<div data-v-f9290560=\"\" class=\"box--gray\"> + "<div data-v-f9290560="" class="box--gray"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-f9290560=\"\" class=\"clickable__container--not-clickable box__container\"> + <div data-v-f9290560="" class="clickable__container--not-clickable box__container"> <!-- @slot Slot utilizado para renderização do conteúdo interno do Box.--> - <div data-v-9cc3ee57=\"\" data-v-f9290560=\"\" class=\"spacer\"> + <div data-v-9cc3ee57="" data-v-f9290560="" class="spacer"> - <div style=\"width: 100px; height: 100px; background-color: rgb(42, 192, 146); border-radius: 20px;\"></div> + <div style="width: 100px; height: 100px; background-color: rgb(42, 192, 146); border-radius: 20px;"></div> </div> </div> </div>" ❯ src/tests/Box.spec.ts:20:26

Error: Snapshot `Breadcrumb snapshot test > renders correctly 1` mismatched - Expected + Received - "<nav data-v-1a0f46d9=\"\"> + "<nav data-v-1a0f46d9=""> - <ul data-v-1a0f46d9=\"\" class=\"breadcrumb\"> + <ul data-v-1a0f46d9="" class="breadcrumb"> - <li data-v-1a0f46d9=\"\" role=\"presentation\"> + <li data-v-1a0f46d9="" role="presentation"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-1a0f46d9=\"\" class=\"clickable__container--clickable\"> + <div data-v-1a0f46d9="" class="clickable__container--clickable"> - <router-link data-v-1a0f46d9=\"\" to=\"/reports\" class=\"breadcrumb__link\"><svg data-v-1a0f46d9=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" aria-labelledby=\"home-outline\" role=\"presentation\"> + <router-link data-v-1a0f46d9="" to="/reports" class="breadcrumb__link"><svg data-v-1a0f46d9="" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" aria-labelledby="home-outline" role="presentation"> - <g fill=\"currentColor\"></g> + <g fill="currentColor"></g> </svg> - <div data-v-9cc3ee57=\"\" data-v-1a0f46d9=\"\" class=\"spacer\">Relatórios</div> + <div data-v-9cc3ee57="" data-v-1a0f46d9="" class="spacer">Relatórios</div> </router-link> </div> </li> - <li data-v-1a0f46d9=\"\" role=\"presentation\"> + <li data-v-1a0f46d9="" role="presentation"> - <div data-v-9cc3ee57=\"\" data-v-1a0f46d9=\"\" class=\"spacer breadcrumb__item\"><svg data-v-1a0f46d9=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-labelledby=\"caret-right-outline\" role=\"presentation\" class=\"breadcrumb__separator\"> + <div data-v-9cc3ee57="" data-v-1a0f46d9="" class="spacer breadcrumb__item"><svg data-v-1a0f46d9="" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-labelledby="caret-right-outline" role="presentation" class="breadcrumb__separator"> - <g fill=\"currentColor\"></g> + <g fill="currentColor"></g> </svg> - <router-link data-v-1a0f46d9=\"\" to=\"/individualized-reports\" class=\"breadcrumb__link\"> + <router-link data-v-1a0f46d9="" to="/individualized-reports" class="breadcrumb__link"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-1a0f46d9=\"\" class=\"clickable__container--clickable\">Relatórios individualizados</div> + <div data-v-1a0f46d9="" class="clickable__container--clickable">Relatórios individualizados</div> </router-link> </div> </li> - <li data-v-1a0f46d9=\"\" role=\"presentation\"> + <li data-v-1a0f46d9="" role="presentation"> - <div data-v-9cc3ee57=\"\" data-v-1a0f46d9=\"\" class=\"spacer breadcrumb__item\"><svg data-v-1a0f46d9=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-labelledby=\"caret-right-outline\" role=\"presentation\" class=\"breadcrumb__separator\"> + <div data-v-9cc3ee57="" data-v-1a0f46d9="" class="spacer breadcrumb__item"><svg data-v-1a0f46d9="" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-labelledby="caret-right-outline" role="presentation" class="breadcrumb__separator"> - <g fill=\"currentColor\"></g> + <g fill="currentColor"></g> </svg> - <router-link data-v-1a0f46d9=\"\" to=\"/users-reports\" class=\"breadcrumb__link\"> + <router-link data-v-1a0f46d9="" to="/users-reports" class="breadcrumb__link"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-1a0f46d9=\"\" class=\"clickable__container--not-clickable\">Relatório de usuários</div> + <div data-v-1a0f46d9="" class="clickable__container--not-clickable">Relatório de usuários</div> </

Error: Snapshot `Button > renders correctly 1` mismatched - Expected + Received - "<button data-v-3c9d0845=\"\" class=\"button__container button--green--active button-size--md\"> + "<button data-v-3c9d0845="" class="button__container button--green--active button-size--md"> <!--v-if--> <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Botão </button>" ❯ src/tests/Button.spec.ts:18:26

Error: Snapshot `CalloutCard > renders correctly 1` mismatched - Expected + Received @@ -1,13 +1,13 @@ - "<span id=\"callout-card\"><div class=\"callout-card__container\"><div class=\"image__container\"><img class=\"image__content\" src=\"https://cdn-icons-png.flaticon.com/512/7486/7486747.png\" alt=\"Imagem de CalloutCard\"></div><div class=\"content__container\"><div class=\"content\"><p class=\"content__title\">Título do CalloutCard</p><span class=\"content__text\"><!-- @slot Slot usado para inserção de conteúdo customizado no texto. -->Texto do CalloutCar</span></div> + "<span id="callout-card"><div class="callout-card__container"><div class="image__container"><img class="image__content" src="https://cdn-icons-png.flaticon.com/512/7486/7486747.png" alt="Imagem de CalloutCard"></div><div class="content__container"><div class="content"><p class="content__title">Título do CalloutCard</p><span class="content__text"><!-- @slot Slot usado para inserção de conteúdo customizado no texto. -->Texto do CalloutCar</span></div> <div> <!-- @slot Slot usado para inserção de conteúdo customizado no lugar do botão de ação. --> <!-- Evento que indica que o Botão foi clicado @event action-button-click @type {Event} - --><button data-v-3c9d0845=\"\" class=\"button__container button--green--active button-size--md\" id=\"content-button\"> + --><button data-v-3c9d0845="" class="button__container button--green--active button-size--md" id="content-button"> <!--v-if--> <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Ok </button> </div> </div> ❯ src/tests/CalloutCard.spec.ts:17:26

The job was canceled because "_22" failed.

Error: Snapshot `ActionsList snapshot test > renders correctly 1` mismatched - Expected + Received - "<span data-v-99cceb08=\"\" class=\"action-list\"><div data-v-99cceb08=\"\" class=\"action-list--right\"><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><div data-v-99cceb08=\"\" class=\"action-list__item\"><!-- @slot Scoped slot para renderização customizada das 'actions'. + "<span data-v-99cceb08="" class="action-list"><div data-v-99cceb08="" class="action-list--right"><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><div data-v-99cceb08="" class="action-list__item"><!-- @slot Scoped slot para renderização customizada das 'actions'. A propriedade 'list', que pode ser acessada através do slot, representa o array de actions a ser exibido. - --></div></transition-stub></div><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><div data-v-99cceb08=\"\" class=\"action-list__item--left-bordered\"><!-- @slot Scoped slot para renderização customizada das 'actions'. + --></div></transition-stub></div><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><div data-v-99cceb08="" class="action-list__item--left-bordered"><!-- @slot Scoped slot para renderização customizada das 'actions'. A propriedade 'list', que pode ser acessada através do slot, representa o array de actions a ser exibido. - --></div></transition-stub></div><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><!--v-if--></transition-stub></div><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><!--v-if--></transition-stub></div><div data-v-99cceb08=\"\" class=\"action-list__item--left-bordered\"><!-- @slot Slot para renderização customizada do conteúdo do item + --></div></transition-stub></div><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><!--v-if--></transition-stub></div><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><!--v-if--></transition-stub></div><div data-v-99cceb08="" class="action-list__item--left-bordered"><!-- @slot Slot para renderização customizada do conteúdo do item de expandir/colapsar a lista -->Mais ações</div></div></span>" ❯ src/tests/ActionsList.spec.ts:30:26

Error: Snapshot `Alert snapshot test > renders correctly 1` mismatched - Expected + Received - "<span data-v-3f4a8ec2=\"\" id=\"alert\"><div data-v-3f4a8ec2=\"\" class=\"alert alert__container--info\"><div data-v-3f4a8ec2=\"\" class=\"alert__body\"><div data-v-3f4a8ec2=\"\"><svg data-v-3f4a8ec2=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-labelledby=\"info-outline\" role=\"presentation\" class=\"alert__icon--info\"><g fill=\"currentColor\"></g></svg></div><span data-v-3f4a8ec2=\"\" class=\"alert__text\">Texto do alerta</span></div> + "<span data-v-3f4a8ec2="" id="alert"><div data-v-3f4a8ec2="" class="alert alert__container--info"><div data-v-3f4a8ec2="" class="alert__body"><div data-v-3f4a8ec2=""><svg data-v-3f4a8ec2="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="info-outline" role="presentation" class="alert__icon--info"><g fill="currentColor"></g></svg></div><span data-v-3f4a8ec2="" class="alert__text">Texto do alerta</span></div> <!--v-if--> </div></span>" ❯ src/tests/Alert.spec.ts:15:26

Error: Snapshot `AlertCard snapshot test > renders correctly 1` mismatched - Expected + Received - "<span data-v-45f89aca=\"\" id=\"alert-card\"><div data-v-45f89aca=\"\" class=\"alert-card__container\"><!--v-if--><div data-v-45f89aca=\"\" class=\"alert-card__content-container\"><span data-v-45f89aca=\"\" class=\"alert-card__title--info\">Título do AlertCard</span><!-- @slot Slot usado para inserção de conteúdo customizado no subtítulo. --><span data-v-45f89aca=\"\" class=\"alert-card__subtitle mt-2\">Subtítulo do AlertCard</span> + "<span data-v-45f89aca="" id="alert-card"><div data-v-45f89aca="" class="alert-card__container"><!--v-if--><div data-v-45f89aca="" class="alert-card__content-container"><span data-v-45f89aca="" class="alert-card__title--info">Título do AlertCard</span><!-- @slot Slot usado para inserção de conteúdo customizado no subtítulo. --><span data-v-45f89aca="" class="alert-card__subtitle mt-2">Subtítulo do AlertCard</span> <!-- @slot Slot usado para inserção de conteúdo adicional no AlertCard abaixo do subtítulo. --> </div> </div></span>" ❯ src/tests/AlertCard.spec.ts:17:26

Error: Snapshot `Badge > renders correctly 1` mismatched - Expected + Received - "<div data-v-0d3d5e64=\"\" class=\"badge__container badge--gray badge--md\"> + "<div data-v-0d3d5e64="" class="badge__container badge--gray badge--md"> - <div data-v-0d3d5e64=\"\" class=\"badge__content--md\">Badge</div> + <div data-v-0d3d5e64="" class="badge__content--md">Badge</div> </div>" ❯ src/tests/Badge.spec.ts:17:26

TypeError: Cannot read properties of null (reading 'length') ❯ Proxy.__vite_ssr_exports__.default src/utils/methods/paleteBuilder.js:8:30 ❯ Proxy.palete src/components/BarChart.vue:173:29 ❯ Proxy.mergeChartDataNoSelect src/components/BarChart.vue:215:9 ❯ Proxy.handler src/components/BarChart.vue:138:10 ❯ callWithErrorHandling node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:200:19 ❯ callWithAsyncErrorHandling node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:207:17 ❯ baseWatchOptions.call node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6136:47 ❯ job node_modules/@vue/reactivity/dist/reactivity.cjs.js:1807:18 ❯ Object.watch node_modules/@vue/reactivity/dist/reactivity.cjs.js:1843:7 ❯ doWatch node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6164:34

Error: Snapshot `BottomSheet > renders correctly 1` mismatched - Expected + Received - "<div data-v-4053a7e3=\"\"> + "<div data-v-4053a7e3=""> - <div data-v-4053a7e3=\"\" class=\"backdrop__show\"> + <div data-v-4053a7e3="" class="backdrop__show"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__show\"> + <div data-v-4053a7e3="" class="bottom-sheet__show"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__header-border\"> + <div data-v-4053a7e3="" class="bottom-sheet__header-border"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__header-border-line\"></div> + <div data-v-4053a7e3="" class="bottom-sheet__header-border-line"></div> </div> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__header\"> + <div data-v-4053a7e3="" class="bottom-sheet__header"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__title\">Qual o segredo da vida?</div> + <div data-v-4053a7e3="" class="bottom-sheet__title">Qual o segredo da vida?</div> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__close-icon\"><svg data-v-4053a7e3=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-labelledby=\"x-outline\" role=\"presentation\"> + <div data-v-4053a7e3="" class="bottom-sheet__close-icon"><svg data-v-4053a7e3="" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" aria-labelledby="x-outline" role="presentation"> - <g fill=\"#29333D\"></g> + <g fill="#29333D"></g> </svg></div> </div> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__content\"> + <div data-v-4053a7e3="" class="bottom-sheet__content"> <!-- @slot Scoped slot usado para inserção de conteúdo customizado. --> </div> </div> </div> </div>" ❯ src/tests/BottomSheet.spec.ts:14:26

Error: Snapshot `Spacer snapshot test > renders correctly 1` mismatched - Expected + Received - "<div data-v-f9290560=\"\" class=\"box--gray\"> + "<div data-v-f9290560="" class="box--gray"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-f9290560=\"\" class=\"clickable__container--not-clickable box__container\"> + <div data-v-f9290560="" class="clickable__container--not-clickable box__container"> <!-- @slot Slot utilizado para renderização do conteúdo interno do Box.--> - <div data-v-9cc3ee57=\"\" data-v-f9290560=\"\" class=\"spacer\"> + <div data-v-9cc3ee57="" data-v-f9290560="" class="spacer"> - <div style=\"width: 100px; height: 100px; background-color: rgb(42, 192, 146); border-radius: 20px;\"></div> + <div style="width: 100px; height: 100px; background-color: rgb(42, 192, 146); border-radius: 20px;"></div> </div> </div> </div>" ❯ src/tests/Box.spec.ts:20:26

Error: Snapshot `Breadcrumb snapshot test > renders correctly 1` mismatched - Expected + Received - "<nav data-v-1a0f46d9=\"\"> + "<nav data-v-1a0f46d9=""> - <ul data-v-1a0f46d9=\"\" class=\"breadcrumb\"> + <ul data-v-1a0f46d9="" class="breadcrumb"> - <li data-v-1a0f46d9=\"\" role=\"presentation\"> + <li data-v-1a0f46d9="" role="presentation"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-1a0f46d9=\"\" class=\"clickable__container--clickable\"> + <div data-v-1a0f46d9="" class="clickable__container--clickable"> - <router-link data-v-1a0f46d9=\"\" to=\"/reports\" class=\"breadcrumb__link\"><svg data-v-1a0f46d9=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" aria-labelledby=\"home-outline\" role=\"presentation\"> + <router-link data-v-1a0f46d9="" to="/reports" class="breadcrumb__link"><svg data-v-1a0f46d9="" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" aria-labelledby="home-outline" role="presentation"> - <g fill=\"currentColor\"></g> + <g fill="currentColor"></g> </svg> - <div data-v-9cc3ee57=\"\" data-v-1a0f46d9=\"\" class=\"spacer\">Relatórios</div> + <div data-v-9cc3ee57="" data-v-1a0f46d9="" class="spacer">Relatórios</div> </router-link> </div> </li> - <li data-v-1a0f46d9=\"\" role=\"presentation\"> + <li data-v-1a0f46d9="" role="presentation"> - <div data-v-9cc3ee57=\"\" data-v-1a0f46d9=\"\" class=\"spacer breadcrumb__item\"><svg data-v-1a0f46d9=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-labelledby=\"caret-right-outline\" role=\"presentation\" class=\"breadcrumb__separator\"> + <div data-v-9cc3ee57="" data-v-1a0f46d9="" class="spacer breadcrumb__item"><svg data-v-1a0f46d9="" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-labelledby="caret-right-outline" role="presentation" class="breadcrumb__separator"> - <g fill=\"currentColor\"></g> + <g fill="currentColor"></g> </svg> - <router-link data-v-1a0f46d9=\"\" to=\"/individualized-reports\" class=\"breadcrumb__link\"> + <router-link data-v-1a0f46d9="" to="/individualized-reports" class="breadcrumb__link"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-1a0f46d9=\"\" class=\"clickable__container--clickable\">Relatórios individualizados</div> + <div data-v-1a0f46d9="" class="clickable__container--clickable">Relatórios individualizados</div> </router-link> </div> </li> - <li data-v-1a0f46d9=\"\" role=\"presentation\"> + <li data-v-1a0f46d9="" role="presentation"> - <div data-v-9cc3ee57=\"\" data-v-1a0f46d9=\"\" class=\"spacer breadcrumb__item\"><svg data-v-1a0f46d9=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-labelledby=\"caret-right-outline\" role=\"presentation\" class=\"breadcrumb__separator\"> + <div data-v-9cc3ee57="" data-v-1a0f46d9="" class="spacer breadcrumb__item"><svg data-v-1a0f46d9="" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-labelledby="caret-right-outline" role="presentation" class="breadcrumb__separator"> - <g fill=\"currentColor\"></g> + <g fill="currentColor"></g> </svg> - <router-link data-v-1a0f46d9=\"\" to=\"/users-reports\" class=\"breadcrumb__link\"> + <router-link data-v-1a0f46d9="" to="/users-reports" class="breadcrumb__link"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-1a0f46d9=\"\" class=\"clickable__container--not-clickable\">Relatório de usuários</div> + <div data-v-1a0f46d9="" class="clickable__container--not-clickable">Relatório de usuários</div> </

Error: Snapshot `Button > renders correctly 1` mismatched - Expected + Received - "<button data-v-3c9d0845=\"\" class=\"button__container button--green--active button-size--md\"> + "<button data-v-3c9d0845="" class="button__container button--green--active button-size--md"> <!--v-if--> <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Botão </button>" ❯ src/tests/Button.spec.ts:18:26

Error: Snapshot `CalloutCard > renders correctly 1` mismatched - Expected + Received @@ -1,13 +1,13 @@ - "<span id=\"callout-card\"><div class=\"callout-card__container\"><div class=\"image__container\"><img class=\"image__content\" src=\"https://cdn-icons-png.flaticon.com/512/7486/7486747.png\" alt=\"Imagem de CalloutCard\"></div><div class=\"content__container\"><div class=\"content\"><p class=\"content__title\">Título do CalloutCard</p><span class=\"content__text\"><!-- @slot Slot usado para inserção de conteúdo customizado no texto. -->Texto do CalloutCar</span></div> + "<span id="callout-card"><div class="callout-card__container"><div class="image__container"><img class="image__content" src="https://cdn-icons-png.flaticon.com/512/7486/7486747.png" alt="Imagem de CalloutCard"></div><div class="content__container"><div class="content"><p class="content__title">Título do CalloutCard</p><span class="content__text"><!-- @slot Slot usado para inserção de conteúdo customizado no texto. -->Texto do CalloutCar</span></div> <div> <!-- @slot Slot usado para inserção de conteúdo customizado no lugar do botão de ação. --> <!-- Evento que indica que o Botão foi clicado @event action-button-click @type {Event} - --><button data-v-3c9d0845=\"\" class=\"button__container button--green--active button-size--md\" id=\"content-button\"> + --><button data-v-3c9d0845="" class="button__container button--green--active button-size--md" id="content-button"> <!--v-if--> <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Ok </button> </div> </div> ❯ src/tests/CalloutCard.spec.ts:17:26

The job was canceled because "_22" failed.

Error: Snapshot `ActionsList snapshot test > renders correctly 1` mismatched - Expected + Received - "<span data-v-99cceb08=\"\" class=\"action-list\"><div data-v-99cceb08=\"\" class=\"action-list--right\"><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><div data-v-99cceb08=\"\" class=\"action-list__item\"><!-- @slot Scoped slot para renderização customizada das 'actions'. + "<span data-v-99cceb08="" class="action-list"><div data-v-99cceb08="" class="action-list--right"><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><div data-v-99cceb08="" class="action-list__item"><!-- @slot Scoped slot para renderização customizada das 'actions'. A propriedade 'list', que pode ser acessada através do slot, representa o array de actions a ser exibido. - --></div></transition-stub></div><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><div data-v-99cceb08=\"\" class=\"action-list__item--left-bordered\"><!-- @slot Scoped slot para renderização customizada das 'actions'. + --></div></transition-stub></div><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><div data-v-99cceb08="" class="action-list__item--left-bordered"><!-- @slot Scoped slot para renderização customizada das 'actions'. A propriedade 'list', que pode ser acessada através do slot, representa o array de actions a ser exibido. - --></div></transition-stub></div><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><!--v-if--></transition-stub></div><div data-v-99cceb08=\"\"><transition-stub data-v-99cceb08=\"\" name=\"action-list__slide-fade\" appear=\"false\" persisted=\"false\" css=\"true\"><!--v-if--></transition-stub></div><div data-v-99cceb08=\"\" class=\"action-list__item--left-bordered\"><!-- @slot Slot para renderização customizada do conteúdo do item + --></div></transition-stub></div><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><!--v-if--></transition-stub></div><div data-v-99cceb08=""><transition-stub data-v-99cceb08="" name="action-list__slide-fade" appear="false" persisted="false" css="true"><!--v-if--></transition-stub></div><div data-v-99cceb08="" class="action-list__item--left-bordered"><!-- @slot Slot para renderização customizada do conteúdo do item de expandir/colapsar a lista -->Mais ações</div></div></span>" ❯ src/tests/ActionsList.spec.ts:30:26

Error: Snapshot `Alert snapshot test > renders correctly 1` mismatched - Expected + Received - "<span data-v-3f4a8ec2=\"\" id=\"alert\"><div data-v-3f4a8ec2=\"\" class=\"alert alert__container--info\"><div data-v-3f4a8ec2=\"\" class=\"alert__body\"><div data-v-3f4a8ec2=\"\"><svg data-v-3f4a8ec2=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-labelledby=\"info-outline\" role=\"presentation\" class=\"alert__icon--info\"><g fill=\"currentColor\"></g></svg></div><span data-v-3f4a8ec2=\"\" class=\"alert__text\">Texto do alerta</span></div> + "<span data-v-3f4a8ec2="" id="alert"><div data-v-3f4a8ec2="" class="alert alert__container--info"><div data-v-3f4a8ec2="" class="alert__body"><div data-v-3f4a8ec2=""><svg data-v-3f4a8ec2="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="info-outline" role="presentation" class="alert__icon--info"><g fill="currentColor"></g></svg></div><span data-v-3f4a8ec2="" class="alert__text">Texto do alerta</span></div> <!--v-if--> </div></span>" ❯ src/tests/Alert.spec.ts:15:26

Error: Snapshot `AlertCard snapshot test > renders correctly 1` mismatched - Expected + Received - "<span data-v-45f89aca=\"\" id=\"alert-card\"><div data-v-45f89aca=\"\" class=\"alert-card__container\"><!--v-if--><div data-v-45f89aca=\"\" class=\"alert-card__content-container\"><span data-v-45f89aca=\"\" class=\"alert-card__title--info\">Título do AlertCard</span><!-- @slot Slot usado para inserção de conteúdo customizado no subtítulo. --><span data-v-45f89aca=\"\" class=\"alert-card__subtitle mt-2\">Subtítulo do AlertCard</span> + "<span data-v-45f89aca="" id="alert-card"><div data-v-45f89aca="" class="alert-card__container"><!--v-if--><div data-v-45f89aca="" class="alert-card__content-container"><span data-v-45f89aca="" class="alert-card__title--info">Título do AlertCard</span><!-- @slot Slot usado para inserção de conteúdo customizado no subtítulo. --><span data-v-45f89aca="" class="alert-card__subtitle mt-2">Subtítulo do AlertCard</span> <!-- @slot Slot usado para inserção de conteúdo adicional no AlertCard abaixo do subtítulo. --> </div> </div></span>" ❯ src/tests/AlertCard.spec.ts:17:26

Error: Snapshot `Badge > renders correctly 1` mismatched - Expected + Received - "<div data-v-0d3d5e64=\"\" class=\"badge__container badge--gray badge--md\"> + "<div data-v-0d3d5e64="" class="badge__container badge--gray badge--md"> - <div data-v-0d3d5e64=\"\" class=\"badge__content--md\">Badge</div> + <div data-v-0d3d5e64="" class="badge__content--md">Badge</div> </div>" ❯ src/tests/Badge.spec.ts:17:26

TypeError: Cannot read properties of null (reading 'length') ❯ Proxy.__vite_ssr_exports__.default src/utils/methods/paleteBuilder.js:8:30 ❯ Proxy.palete src/components/BarChart.vue:173:29 ❯ Proxy.mergeChartDataNoSelect src/components/BarChart.vue:215:9 ❯ Proxy.handler src/components/BarChart.vue:138:10 ❯ callWithErrorHandling node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:200:19 ❯ callWithAsyncErrorHandling node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:207:17 ❯ baseWatchOptions.call node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6136:47 ❯ job node_modules/@vue/reactivity/dist/reactivity.cjs.js:1807:18 ❯ Object.watch node_modules/@vue/reactivity/dist/reactivity.cjs.js:1843:7 ❯ doWatch node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6164:34

Error: Snapshot `BottomSheet > renders correctly 1` mismatched - Expected + Received - "<div data-v-4053a7e3=\"\"> + "<div data-v-4053a7e3=""> - <div data-v-4053a7e3=\"\" class=\"backdrop__show\"> + <div data-v-4053a7e3="" class="backdrop__show"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__show\"> + <div data-v-4053a7e3="" class="bottom-sheet__show"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__header-border\"> + <div data-v-4053a7e3="" class="bottom-sheet__header-border"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__header-border-line\"></div> + <div data-v-4053a7e3="" class="bottom-sheet__header-border-line"></div> </div> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__header\"> + <div data-v-4053a7e3="" class="bottom-sheet__header"> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__title\">Qual o segredo da vida?</div> + <div data-v-4053a7e3="" class="bottom-sheet__title">Qual o segredo da vida?</div> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__close-icon\"><svg data-v-4053a7e3=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" aria-labelledby=\"x-outline\" role=\"presentation\"> + <div data-v-4053a7e3="" class="bottom-sheet__close-icon"><svg data-v-4053a7e3="" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" aria-labelledby="x-outline" role="presentation"> - <g fill=\"#29333D\"></g> + <g fill="#29333D"></g> </svg></div> </div> - <div data-v-4053a7e3=\"\" class=\"bottom-sheet__content\"> + <div data-v-4053a7e3="" class="bottom-sheet__content"> <!-- @slot Scoped slot usado para inserção de conteúdo customizado. --> </div> </div> </div> </div>" ❯ src/tests/BottomSheet.spec.ts:14:26

Error: Snapshot `Spacer snapshot test > renders correctly 1` mismatched - Expected + Received - "<div data-v-f9290560=\"\" class=\"box--gray\"> + "<div data-v-f9290560="" class="box--gray"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-f9290560=\"\" class=\"clickable__container--not-clickable box__container\"> + <div data-v-f9290560="" class="clickable__container--not-clickable box__container"> <!-- @slot Slot utilizado para renderização do conteúdo interno do Box.--> - <div data-v-9cc3ee57=\"\" data-v-f9290560=\"\" class=\"spacer\"> + <div data-v-9cc3ee57="" data-v-f9290560="" class="spacer"> - <div style=\"width: 100px; height: 100px; background-color: rgb(42, 192, 146); border-radius: 20px;\"></div> + <div style="width: 100px; height: 100px; background-color: rgb(42, 192, 146); border-radius: 20px;"></div> </div> </div> </div>" ❯ src/tests/Box.spec.ts:20:26

Error: Snapshot `Breadcrumb snapshot test > renders correctly 1` mismatched - Expected + Received - "<nav data-v-1a0f46d9=\"\"> + "<nav data-v-1a0f46d9=""> - <ul data-v-1a0f46d9=\"\" class=\"breadcrumb\"> + <ul data-v-1a0f46d9="" class="breadcrumb"> - <li data-v-1a0f46d9=\"\" role=\"presentation\"> + <li data-v-1a0f46d9="" role="presentation"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-1a0f46d9=\"\" class=\"clickable__container--clickable\"> + <div data-v-1a0f46d9="" class="clickable__container--clickable"> - <router-link data-v-1a0f46d9=\"\" to=\"/reports\" class=\"breadcrumb__link\"><svg data-v-1a0f46d9=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" aria-labelledby=\"home-outline\" role=\"presentation\"> + <router-link data-v-1a0f46d9="" to="/reports" class="breadcrumb__link"><svg data-v-1a0f46d9="" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" aria-labelledby="home-outline" role="presentation"> - <g fill=\"currentColor\"></g> + <g fill="currentColor"></g> </svg> - <div data-v-9cc3ee57=\"\" data-v-1a0f46d9=\"\" class=\"spacer\">Relatórios</div> + <div data-v-9cc3ee57="" data-v-1a0f46d9="" class="spacer">Relatórios</div> </router-link> </div> </li> - <li data-v-1a0f46d9=\"\" role=\"presentation\"> + <li data-v-1a0f46d9="" role="presentation"> - <div data-v-9cc3ee57=\"\" data-v-1a0f46d9=\"\" class=\"spacer breadcrumb__item\"><svg data-v-1a0f46d9=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-labelledby=\"caret-right-outline\" role=\"presentation\" class=\"breadcrumb__separator\"> + <div data-v-9cc3ee57="" data-v-1a0f46d9="" class="spacer breadcrumb__item"><svg data-v-1a0f46d9="" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-labelledby="caret-right-outline" role="presentation" class="breadcrumb__separator"> - <g fill=\"currentColor\"></g> + <g fill="currentColor"></g> </svg> - <router-link data-v-1a0f46d9=\"\" to=\"/individualized-reports\" class=\"breadcrumb__link\"> + <router-link data-v-1a0f46d9="" to="/individualized-reports" class="breadcrumb__link"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-1a0f46d9=\"\" class=\"clickable__container--clickable\">Relatórios individualizados</div> + <div data-v-1a0f46d9="" class="clickable__container--clickable">Relatórios individualizados</div> </router-link> </div> </li> - <li data-v-1a0f46d9=\"\" role=\"presentation\"> + <li data-v-1a0f46d9="" role="presentation"> - <div data-v-9cc3ee57=\"\" data-v-1a0f46d9=\"\" class=\"spacer breadcrumb__item\"><svg data-v-1a0f46d9=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-labelledby=\"caret-right-outline\" role=\"presentation\" class=\"breadcrumb__separator\"> + <div data-v-9cc3ee57="" data-v-1a0f46d9="" class="spacer breadcrumb__item"><svg data-v-1a0f46d9="" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" aria-labelledby="caret-right-outline" role="presentation" class="breadcrumb__separator"> - <g fill=\"currentColor\"></g> + <g fill="currentColor"></g> </svg> - <router-link data-v-1a0f46d9=\"\" to=\"/users-reports\" class=\"breadcrumb__link\"> + <router-link data-v-1a0f46d9="" to="/users-reports" class="breadcrumb__link"> <!-- Evento emitido quando o wrapper é clicado @event cds-click @type {Event} --> - <div data-v-1a0f46d9=\"\" class=\"clickable__container--not-clickable\">Relatório de usuários</div> + <div data-v-1a0f46d9="" class="clickable__container--not-clickable">Relatório de usuários</div> </

Error: Snapshot `Button > renders correctly 1` mismatched - Expected + Received - "<button data-v-3c9d0845=\"\" class=\"button__container button--green--active button-size--md\"> + "<button data-v-3c9d0845="" class="button__container button--green--active button-size--md"> <!--v-if--> <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Botão </button>" ❯ src/tests/Button.spec.ts:18:26

Error: Snapshot `CalloutCard > renders correctly 1` mismatched - Expected + Received @@ -1,13 +1,13 @@ - "<span id=\"callout-card\"><div class=\"callout-card__container\"><div class=\"image__container\"><img class=\"image__content\" src=\"https://cdn-icons-png.flaticon.com/512/7486/7486747.png\" alt=\"Imagem de CalloutCard\"></div><div class=\"content__container\"><div class=\"content\"><p class=\"content__title\">Título do CalloutCard</p><span class=\"content__text\"><!-- @slot Slot usado para inserção de conteúdo customizado no texto. -->Texto do CalloutCar</span></div> + "<span id="callout-card"><div class="callout-card__container"><div class="image__container"><img class="image__content" src="https://cdn-icons-png.flaticon.com/512/7486/7486747.png" alt="Imagem de CalloutCard"></div><div class="content__container"><div class="content"><p class="content__title">Título do CalloutCard</p><span class="content__text"><!-- @slot Slot usado para inserção de conteúdo customizado no texto. -->Texto do CalloutCar</span></div> <div> <!-- @slot Slot usado para inserção de conteúdo customizado no lugar do botão de ação. --> <!-- Evento que indica que o Botão foi clicado @event action-button-click @type {Event} - --><button data-v-3c9d0845=\"\" class=\"button__container button--green--active button-size--md\" id=\"content-button\"> + --><button data-v-3c9d0845="" class="button__container button--green--active button-size--md" id="content-button"> <!--v-if--> <!-- @slot Slot padrão utilizado para exibir texto do botão. -->Ok </button> </div> </div> ❯ src/tests/CalloutCard.spec.ts:17:26