From 3f6181b900ca3837ac408a7f75c58e86e6997822 Mon Sep 17 00:00:00 2001 From: Lucas Nascimento Date: Thu, 12 Dec 2024 09:02:47 -0300 Subject: [PATCH 01/14] Adiciona id de testes --- src/components/Chip.vue | 3 ++- src/components/CollapsibleContainer.vue | 1 + 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/components/Chip.vue b/src/components/Chip.vue index 53ce015f0..027cab72d 100644 --- a/src/components/Chip.vue +++ b/src/components/Chip.vue @@ -3,6 +3,7 @@
-
- - - -
Relatórios
- -
+
  • -
    - - - - -
    Relatórios individualizados
    -     -
    +
  • -
    - - - - -
    Relatório de usuários
    -     -
    +
    • " diff --git a/src/tests/__snapshots__/MobileNavigation.spec.ts.snap b/src/tests/__snapshots__/MobileNavigation.spec.ts.snap index 97e4ffd0d..3fb09bca8 100644 --- a/src/tests/__snapshots__/MobileNavigation.spec.ts.snap +++ b/src/tests/__snapshots__/MobileNavigation.spec.ts.snap @@ -20,15 +20,9 @@ exports[`MobileNavigation > renders correctly 1`] = `
    - - Início - - - Vigilância Sanitária - - - Central de marcação - + + +
    diff --git a/src/tests/__snapshots__/SideBar.spec.ts.snap b/src/tests/__snapshots__/SideBar.spec.ts.snap index 797d227b8..1d6f9cd5e 100644 --- a/src/tests/__snapshots__/SideBar.spec.ts.snap +++ b/src/tests/__snapshots__/SideBar.spec.ts.snap @@ -11,11 +11,7 @@ exports[`SideBar > renders correctly 1`] = `
    • - -
      - Dashboard -
      -       +
      @@ -36,9 +32,9 @@ exports[`SideBar > renders correctly 1`] = `
      - Painel (Tv) + - Totem +
      @@ -46,11 +42,7 @@ exports[`SideBar > renders correctly 1`] = `
    • - -
      - Relatórios -
      -       +
      @@ -63,18 +55,7 @@ exports[`SideBar > renders correctly 1`] = `
      - -
      -
      -
      JM
      - -
      -
      -
      +

      Joana Mendes

      From 3faa0dac41a40b182d1d1d2a357633802c721a54 Mon Sep 17 00:00:00 2001 From: Lucas Nascimento Date: Thu, 12 Dec 2024 09:12:19 -0300 Subject: [PATCH 05/14] =?UTF-8?q?Adiciona=20teste=20de=20emiss=C3=A3o=20de?= =?UTF-8?q?=20eventos=20dependentes=20de=20v-model?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/tests/Chip.spec.ts | 32 +++++++++++++++++-- src/tests/CollapsibleContainer.spec.ts | 25 +++++++++++++-- src/tests/__snapshots__/Chip.spec.ts.snap | 2 +- .../CollapsibleContainer.spec.ts.snap | 8 +++-- 4 files changed, 60 insertions(+), 7 deletions(-) diff --git a/src/tests/Chip.spec.ts b/src/tests/Chip.spec.ts index 8d3b3f915..de4caa335 100644 --- a/src/tests/Chip.spec.ts +++ b/src/tests/Chip.spec.ts @@ -1,12 +1,12 @@ -// @vitest-environment jsdom import { describe, test, expect } from 'vitest'; import Chip from '../components/Chip.vue'; -import { mount } from '@vue/test-utils'; +import { flushPromises, mount } from '@vue/test-utils'; describe('Chip', () => { test('renders correctly', async () => { const wrapper = mount(Chip, { props: { + modelValue: false, variant: 'gray', }, slots: { @@ -16,4 +16,32 @@ describe('Chip', () => { expect(wrapper.html()).toMatchSnapshot(); }); + + test('emits update modelValue event based on click correctly', async () => { + expect.assertions(2); + + const wrapper = mount(Chip, { + props: { + modelValue: false, + variant: 'gray', + }, + slots: { + default: 'Chip' + } + }); + + const container = wrapper.find('[data-testid="chip-container"]'); + + container.trigger('click'); + + await flushPromises(); + + expect(wrapper.emitted()['update:modelValue'][0]).toEqual([true]); + + container.trigger('click'); + + await flushPromises(); + + expect(wrapper.emitted()['update:modelValue'][1]).toEqual([false]); + }); }); diff --git a/src/tests/CollapsibleContainer.spec.ts b/src/tests/CollapsibleContainer.spec.ts index 9e0b7df41..7d53d41de 100644 --- a/src/tests/CollapsibleContainer.spec.ts +++ b/src/tests/CollapsibleContainer.spec.ts @@ -1,16 +1,37 @@ import { describe, test, expect } from 'vitest'; import CollapsibleContainer from '../components/CollapsibleContainer.vue'; -import { mount } from '@vue/test-utils'; +import { flushPromises, mount } from '@vue/test-utils'; describe('CollapsibleContainer', () => { test('renders correctly', async () => { const wrapper = mount(CollapsibleContainer, { props: { - value: true, + modelValue: true, title: 'Seu universo expandido', }, }); expect(wrapper.html()).toMatchSnapshot(); }); + + test('content is rendered correctly on modelValue change', async () => { + expect.assertions(2); + + const wrapper = mount(CollapsibleContainer, { + props: { + modelValue: false, + title: 'Seu universo expandido', + }, + }); + + expect(wrapper.findAll('[data-testid="collapsible-content"]').length).toBe(0); + + wrapper.setProps({ + modelValue: true, + }); + + await flushPromises(); + + expect(wrapper.findAll('[data-testid="collapsible-content"]').length).toBe(1); + }) }); diff --git a/src/tests/__snapshots__/Chip.spec.ts.snap b/src/tests/__snapshots__/Chip.spec.ts.snap index ec463cec7..7e5892db3 100644 --- a/src/tests/__snapshots__/Chip.spec.ts.snap +++ b/src/tests/__snapshots__/Chip.spec.ts.snap @@ -1,7 +1,7 @@ // Vitest Snapshot v1 exports[`Chip > renders correctly 1`] = ` -"
      +"
      diff --git a/src/tests/__snapshots__/CollapsibleContainer.spec.ts.snap b/src/tests/__snapshots__/CollapsibleContainer.spec.ts.snap index df8f92063..918199d94 100644 --- a/src/tests/__snapshots__/CollapsibleContainer.spec.ts.snap +++ b/src/tests/__snapshots__/CollapsibleContainer.spec.ts.snap @@ -1,8 +1,12 @@ // Vitest Snapshot v1 exports[`CollapsibleContainer > renders correctly 1`] = ` -"
      +"
      Seu universo expandido
      -      " +
      + +
      " `; From 602f549c6a043001c2714236bd4010637ec2efd8 Mon Sep 17 00:00:00 2001 From: Lucas Nascimento Date: Thu, 12 Dec 2024 09:12:34 -0300 Subject: [PATCH 06/14] Ajusta nomenclatura de prop --- src/tests/ProgressBar.spec.ts | 2 +- src/tests/__snapshots__/ProgressBar.spec.ts.snap | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/tests/ProgressBar.spec.ts b/src/tests/ProgressBar.spec.ts index 408cca003..d02f150f5 100644 --- a/src/tests/ProgressBar.spec.ts +++ b/src/tests/ProgressBar.spec.ts @@ -6,7 +6,7 @@ describe('ProgressBar', () => { test('renders correctly', async () => { const wrapper = mount(ProgressBar, { props: { - percentage: 0.67, + value: 0.67, }, }); diff --git a/src/tests/__snapshots__/ProgressBar.spec.ts.snap b/src/tests/__snapshots__/ProgressBar.spec.ts.snap index 0538a5637..1506036e7 100644 --- a/src/tests/__snapshots__/ProgressBar.spec.ts.snap +++ b/src/tests/__snapshots__/ProgressBar.spec.ts.snap @@ -1,10 +1,10 @@ // Vitest Snapshot v1 exports[`ProgressBar > renders correctly 1`] = ` -"
      +"
      -
      +
      " `; From 57b3ecea548cbaa5a79d516ec9fe5602e41abcf8 Mon Sep 17 00:00:00 2001 From: Lucas Nascimento Date: Thu, 12 Dec 2024 09:15:58 -0300 Subject: [PATCH 07/14] Ajusta componente testado --- src/tests/Select.spec.ts | 10 +++++----- src/tests/__snapshots__/Select.spec.ts.snap | 19 +++++++++++++++---- 2 files changed, 20 insertions(+), 9 deletions(-) diff --git a/src/tests/Select.spec.ts b/src/tests/Select.spec.ts index bed085342..864214969 100644 --- a/src/tests/Select.spec.ts +++ b/src/tests/Select.spec.ts @@ -1,6 +1,6 @@ import { describe, test, expect } from 'vitest'; -import Scrollable from '../components/Scrollable.vue'; -import { mount } from '@vue/test-utils'; +import Select from '../components/Select.vue'; +import { shallowMount } from '@vue/test-utils'; const options = [ { @@ -17,13 +17,13 @@ const options = [ const value = {}; -describe('Scrollable', () => { +describe('Select', () => { test('renders correctly', async () => { - const wrapper = mount(Scrollable, { + const wrapper = shallowMount(Select, { props: { label: 'Label', options, - value, + modelValue: value, }, }); diff --git a/src/tests/__snapshots__/Select.spec.ts.snap b/src/tests/__snapshots__/Select.spec.ts.snap index 1bceeff70..4d486a2cf 100644 --- a/src/tests/__snapshots__/Select.spec.ts.snap +++ b/src/tests/__snapshots__/Select.spec.ts.snap @@ -1,9 +1,20 @@ // Vitest Snapshot v1 -exports[`Scrollable > renders correctly 1`] = ` -"
      -
      - +exports[`Select > renders correctly 1`] = ` +"
      +
      +
      +
        +
      • foo
        • +
      • bar
        • +
      +
      +
      " `; From c22597d4d4b3579c465be8c59d8cb1a43971a694 Mon Sep 17 00:00:00 2001 From: Lucas Nascimento Date: Thu, 12 Dec 2024 09:16:14 -0300 Subject: [PATCH 08/14] =?UTF-8?q?Remove=20coment=C3=A1rio=20de=20configura?= =?UTF-8?q?=C3=A7=C3=A3o?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/tests/AlertCard.spec.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/src/tests/AlertCard.spec.ts b/src/tests/AlertCard.spec.ts index 8809c1640..e27ac12b6 100644 --- a/src/tests/AlertCard.spec.ts +++ b/src/tests/AlertCard.spec.ts @@ -1,4 +1,3 @@ -// @vitest-environment jsdom import { describe, test, expect } from 'vitest'; import AlertCard from '../components/AlertCard.vue'; import { mount } from '@vue/test-utils'; From d7003eb55a97382901b7f24b149ec0a4216c5850 Mon Sep 17 00:00:00 2001 From: Lucas Nascimento Date: Thu, 12 Dec 2024 15:52:57 -0300 Subject: [PATCH 09/14] Ajusta nome de prop de modelValue --- src/tests/Checkbox.spec.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/tests/Checkbox.spec.ts b/src/tests/Checkbox.spec.ts index 83abffaf5..a50df0175 100644 --- a/src/tests/Checkbox.spec.ts +++ b/src/tests/Checkbox.spec.ts @@ -6,7 +6,7 @@ describe('Checkbox', () => { test('renders correctly', async () => { const wrapper = mount(Checkbox, { props: { - value: false, + modelValue: false, label: 'checkbox test' }, }); From 25244e0e9bb2b81a6519204ed3bb0546b50760f4 Mon Sep 17 00:00:00 2001 From: Lucas Nascimento Date: Thu, 12 Dec 2024 15:53:07 -0300 Subject: [PATCH 10/14] Remove teste de snapshot --- src/tests/InteractionBlockingOverlay.spec.ts | 15 --------------- .../InteractionBlockingOverlay.spec.ts.snap | 3 --- 2 files changed, 18 deletions(-) delete mode 100644 src/tests/InteractionBlockingOverlay.spec.ts delete mode 100644 src/tests/__snapshots__/InteractionBlockingOverlay.spec.ts.snap diff --git a/src/tests/InteractionBlockingOverlay.spec.ts b/src/tests/InteractionBlockingOverlay.spec.ts deleted file mode 100644 index b2b5b0e74..000000000 --- a/src/tests/InteractionBlockingOverlay.spec.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { describe, test, expect } from 'vitest'; -import InteractionBlockingOverlay from '../components/InteractionBlockingOverlay.vue'; -import { mount } from '@vue/test-utils'; - -describe('InteractionBlockingOverlay', () => { - test('renders correctly', async () => { - const wrapper = mount(InteractionBlockingOverlay, { - props: { - block: 'mobile', - }, - }); - - expect(wrapper.html()).toMatchSnapshot(); - }); -}); diff --git a/src/tests/__snapshots__/InteractionBlockingOverlay.spec.ts.snap b/src/tests/__snapshots__/InteractionBlockingOverlay.spec.ts.snap deleted file mode 100644 index 9b030e096..000000000 --- a/src/tests/__snapshots__/InteractionBlockingOverlay.spec.ts.snap +++ /dev/null @@ -1,3 +0,0 @@ -// Vitest Snapshot v1 - -exports[`InteractionBlockingOverlay > renders correctly 1`] = `""`; From 39576ead24fe582c91734f02f530ed825c8ffa14 Mon Sep 17 00:00:00 2001 From: Lucas Nascimento Date: Thu, 12 Dec 2024 15:53:16 -0300 Subject: [PATCH 11/14] Adiciona prop theme ao teste --- src/tests/DonutChart.spec.ts | 1 + src/tests/LineChart.spec.ts | 1 + src/tests/RadialBarChart.spec.ts | 1 + src/tests/StackedBarChart.spec.ts | 1 + src/tests/__snapshots__/Checkbox.spec.ts.snap | 2 +- src/tests/__snapshots__/RadialBarChart.spec.ts.snap | 2 +- 6 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/tests/DonutChart.spec.ts b/src/tests/DonutChart.spec.ts index a7d49ae34..735e786e3 100644 --- a/src/tests/DonutChart.spec.ts +++ b/src/tests/DonutChart.spec.ts @@ -23,6 +23,7 @@ describe('DonutChart', () => { labels: ['Janeiro','Fevereiro','Março', 'Abril', 'Maio'], variant: 'green', data: mockedData, + theme: 'green', }, }); diff --git a/src/tests/LineChart.spec.ts b/src/tests/LineChart.spec.ts index 08f47aca3..17abb4053 100644 --- a/src/tests/LineChart.spec.ts +++ b/src/tests/LineChart.spec.ts @@ -44,6 +44,7 @@ describe('LineChart', () => { isDashed: false, borderDash: [5,5], smoothing: 0.6, + theme: 'green', }, }); diff --git a/src/tests/RadialBarChart.spec.ts b/src/tests/RadialBarChart.spec.ts index ae9fd4a88..b673aaac0 100644 --- a/src/tests/RadialBarChart.spec.ts +++ b/src/tests/RadialBarChart.spec.ts @@ -22,6 +22,7 @@ describe('RadialBarChart', () => { props: { labels: ['Janeiro','Fevereiro','Março', 'Abril', 'Maio'], variant: 'green', + theme: 'green', data: mockedData, }, }); diff --git a/src/tests/StackedBarChart.spec.ts b/src/tests/StackedBarChart.spec.ts index 8f4a2dd94..491cfdaad 100644 --- a/src/tests/StackedBarChart.spec.ts +++ b/src/tests/StackedBarChart.spec.ts @@ -38,6 +38,7 @@ describe('StackedBarChart', () => { props: { labels: ['Janeiro','Fevereiro','Março', 'Abril', 'Maio'], variant: 'green', + theme: 'green', data: mockedData, barWidth: 1, }, diff --git a/src/tests/__snapshots__/Checkbox.spec.ts.snap b/src/tests/__snapshots__/Checkbox.spec.ts.snap index 36ab5cd92..b3211ee89 100644 --- a/src/tests/__snapshots__/Checkbox.spec.ts.snap +++ b/src/tests/__snapshots__/Checkbox.spec.ts.snap @@ -1,7 +1,7 @@ // Vitest Snapshot v1 exports[`Checkbox > renders correctly 1`] = ` -"
      +"
      " `; diff --git a/src/tests/__snapshots__/RadialBarChart.spec.ts.snap b/src/tests/__snapshots__/RadialBarChart.spec.ts.snap index f15fb8540..ccfb2b5e1 100644 --- a/src/tests/__snapshots__/RadialBarChart.spec.ts.snap +++ b/src/tests/__snapshots__/RadialBarChart.spec.ts.snap @@ -1,7 +1,7 @@ // Vitest Snapshot v1 exports[`RadialBarChart > renders correctly 1`] = ` -"
      Exames realizados
      +"
      Exames realizados
      " From 8391040c123b37d5d3acc1d90b5782ef3325af83 Mon Sep 17 00:00:00 2001 From: Lucas Nascimento Date: Thu, 12 Dec 2024 16:05:19 -0300 Subject: [PATCH 12/14] =?UTF-8?q?Atualiza=20vers=C3=A3o=20do=20projeto?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index cfed3f6f1..3b9b1a2a1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@sysvale/cuida", - "version": "3.72.0", + "version": "3.72.1", "description": "A design system built by Sysvale, using storybook and Vue components", "repository": { "type": "git", From f65d0c6b92931e9d89ce58d615c4c87af386fd04 Mon Sep 17 00:00:00 2001 From: Lucas Nascimento Date: Thu, 12 Dec 2024 16:07:17 -0300 Subject: [PATCH 13/14] =?UTF-8?q?Ajusta=20template=20de=20descri=C3=A7?= =?UTF-8?q?=C3=A3o=20de=20PR?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/pull_request_template.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/pull_request_template.md b/docs/pull_request_template.md index 6af9f922f..439ff626d 100644 --- a/docs/pull_request_template.md +++ b/docs/pull_request_template.md @@ -1,6 +1,6 @@ #### Por favor, verifique se o seu pull request está de acordo com o checklist abaixo: -- [x] A implementação feita possui testes (Caso haja um motivo para não haver testes, descrever abaixo) +- [x] A implementação feita possui testes (Caso haja um motivo para não haver testes/haver apenas testes de snapshot, descrever abaixo) - [x] A documentação no mdx foi feita ou atualizada, caso necessário - [x] O eslint passou localmente From ef76bbc1d6f7f04ee1f6f9b933fd391518a3c909 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CRafaelGondi=E2=80=9D?= <“rdias.ga@gmail.com”> Date: Wed, 29 Jan 2025 22:25:14 -0300 Subject: [PATCH 14/14] =?UTF-8?q?fix:=20Corrige=20mocks=20dos=20testes=20d?= =?UTF-8?q?os=20gr=C3=A1ficos=20que=20pararam=20de=20funcionar=20ap=C3=B3s?= =?UTF-8?q?=20atualiza=C3=A7=C3=A3o=20do=20vitest?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 4 +- package.json | 2 +- src/components/BarChart.vue | 6 +- src/tests/BarChart.spec.ts | 37 +++++++- src/tests/DonutChart.spec.ts | 37 +++++++- src/tests/LineChart.spec.ts | 37 +++++++- src/tests/MobileStepperInput.spec.js | 14 +-- src/tests/PieChart.spec.ts | 37 +++++++- src/tests/PolarAreaChart.spec.ts | 37 +++++++- src/tests/RadialBarChart.spec.ts | 37 +++++++- src/tests/StackedBarChart.spec.ts | 37 +++++++- .../__snapshots__/ActionBar.spec.ts.snap | 2 +- .../__snapshots__/ActionsList.spec.ts.snap | 8 +- src/tests/__snapshots__/Alert.spec.ts.snap | 4 +- .../__snapshots__/AlertCard.spec.ts.snap | 4 +- src/tests/__snapshots__/Badge.spec.ts.snap | 6 +- src/tests/__snapshots__/BarChart.spec.ts.snap | 4 +- .../__snapshots__/BottomSheet.spec.ts.snap | 22 ++--- src/tests/__snapshots__/Box.spec.ts.snap | 10 +-- .../__snapshots__/Breadcrumb.spec.ts.snap | 18 ++-- src/tests/__snapshots__/Button.spec.ts.snap | 4 +- .../__snapshots__/CalloutCard.spec.ts.snap | 6 +- src/tests/__snapshots__/Card.spec.ts.snap | 24 ++--- .../CarouselController.spec.ts.snap | 4 +- src/tests/__snapshots__/Checkbox.spec.ts.snap | 6 +- .../__snapshots__/CheckboxGroup.spec.ts.snap | 16 ++-- src/tests/__snapshots__/Chip.spec.ts.snap | 12 +-- .../CollapsibleContainer.spec.ts.snap | 8 +- .../__snapshots__/ColorPicker.spec.ts.snap | 66 +++++++------- .../__snapshots__/DialogModal.spec.ts.snap | 2 +- .../__snapshots__/DonutChart.spec.ts.snap | 4 +- .../__snapshots__/EmptyState.spec.ts.snap | 12 +-- .../__snapshots__/FileViewer.spec.ts.snap | 16 ++-- .../__snapshots__/Highlight.spec.ts.snap | 4 +- .../__snapshots__/IconButton.spec.ts.snap | 4 +- .../__snapshots__/InnerTabs.spec.ts.snap | 34 +++---- .../__snapshots__/LineChart.spec.ts.snap | 4 +- .../__snapshots__/LoadingBar.spec.ts.snap | 8 +- .../LoadingIndicator.spec.ts.snap | 4 +- .../MobileNavigation.spec.ts.snap | 52 +++++------ .../MobileStepperInput.spec.js.snap | 11 ++- .../__snapshots__/PanelCard.spec.ts.snap | 20 ++--- .../__snapshots__/PasswordInput.spec.ts.snap | 6 +- src/tests/__snapshots__/PieChart.spec.ts.snap | 4 +- .../__snapshots__/PolarAreaChart.spec.ts.snap | 4 +- .../__snapshots__/ProgressBar.spec.ts.snap | 8 +- .../ProgressCircular.spec.ts.snap | 12 +-- .../__snapshots__/QuickActionBar.spec.ts.snap | 48 +++++----- .../__snapshots__/RadialBarChart.spec.ts.snap | 6 +- src/tests/__snapshots__/Radio.spec.ts.snap | 6 +- .../RadioButtonGroup.spec.ts.snap | 18 ++-- .../__snapshots__/Scrollable.spec.ts.snap | 6 +- src/tests/__snapshots__/Select.spec.ts.snap | 18 ++-- src/tests/__snapshots__/SideBar.spec.ts.snap | 70 +++++++-------- .../__snapshots__/SideSheet.spec.ts.snap | 2 +- src/tests/__snapshots__/Skeleton.spec.ts.snap | 4 +- .../__snapshots__/SkeletonText.spec.ts.snap | 4 +- src/tests/__snapshots__/Spacer.spec.ts.snap | 6 +- src/tests/__snapshots__/Spinner.spec.ts.snap | 6 +- .../StackedBarChart.spec.ts.snap | 4 +- src/tests/__snapshots__/Stepper.spec.ts.snap | 90 +++++++++---------- src/tests/__snapshots__/Table.spec.ts.snap | 40 ++++----- .../__snapshots__/TextInput.spec.ts.snap | 15 ++-- .../__snapshots__/TimeInput.spec.ts.snap | 10 +-- src/tests/__snapshots__/Timeline.spec.ts.snap | 4 +- .../__snapshots__/WebcamModal.spec.ts.snap | 2 +- src/tests/__snapshots__/Wizard.spec.ts.snap | 40 ++++----- 67 files changed, 678 insertions(+), 439 deletions(-) diff --git a/package-lock.json b/package-lock.json index a3d871a49..9e1d6a0d3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@sysvale/cuida", - "version": "3.79.0", + "version": "3.79.1", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@sysvale/cuida", - "version": "3.78.1", + "version": "3.79.1", "dependencies": { "@popperjs/core": "^2.11.6", "@sysvale/cuida-icons": "^1.15.1", diff --git a/package.json b/package.json index 4e6fef526..ab6876bde 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@sysvale/cuida", - "version": "3.79.1", + "version": "3.79.2", "description": "A design system built by Sysvale, using storybook and Vue components", "repository": { "type": "git", diff --git a/src/components/BarChart.vue b/src/components/BarChart.vue index b13b01913..1faab487a 100644 --- a/src/components/BarChart.vue +++ b/src/components/BarChart.vue @@ -35,16 +35,16 @@ export default { * `data` (array com os valores númericos). */ data: { - type: Object, + type: Array, required: true, - default: () => ({ + default: () => ([{ datasets: [ { label: '', data: [], } ] - }) + }]) }, /** * Personaliza a paleta de cores do gráfico. São 11 variantes implementadas: diff --git a/src/tests/BarChart.spec.ts b/src/tests/BarChart.spec.ts index bb13ad13b..924fd7e21 100644 --- a/src/tests/BarChart.spec.ts +++ b/src/tests/BarChart.spec.ts @@ -1,7 +1,42 @@ -import { describe, test, expect } from 'vitest'; +import { describe, test, expect, vi } from 'vitest'; import BarChart from '../components/BarChart.vue'; import { shallowMount } from '@vue/test-utils'; +vi.mock('../utils/methods/paleteBuilder.js', () => ({ + default: vi.fn((rawPalete) => { + return [ + { + colorName: 'Light Neutrals', + variantName: 'Light', + color400: '#E7EDF3', + colorShades: ['#FFFFFF', '#FAFCFE', '#F4F8FB', '#E7EDF3', '#DFE5EC'], + colorTokens: ['$n-0', '$n-10', '$n-20', '$n-30', '$n-40'], + colorData: [ + { shade: '#FFFFFF', token: '$n-0' }, + { shade: '#FAFCFE', token: '$n-10' }, + { shade: '#F4F8FB', token: '$n-20' }, + { shade: '#E7EDF3', token: '$n-30' }, + { shade: '#DFE5EC', token: '$n-40' } + ] + }, + { + colorName: 'Piccolo Green', + variantName: 'Green', + color400: '#6ddfb1', + colorShades: ['#f3fcf8', '#e2f8ef', '#abedd3', '#6ddfb1', '#2db981'], + colorTokens: ['$gp-50', '$gp-100', '$gp-200', '$gp-300', '$gp-400'], + colorData: [ + { shade: '#f3fcf8', token: '$gp-50' }, + { shade: '#e2f8ef', token: '$gp-100' }, + { shade: '#abedd3', token: '$gp-200' }, + { shade: '#6ddfb1', token: '$gp-300' }, + { shade: '#2db981', token: '$gp-400' } + ] + } + ]; + }) +})); + const mockedData = [ { name: 'Ecocardiograma', diff --git a/src/tests/DonutChart.spec.ts b/src/tests/DonutChart.spec.ts index 735e786e3..ee7edb4d3 100644 --- a/src/tests/DonutChart.spec.ts +++ b/src/tests/DonutChart.spec.ts @@ -1,7 +1,42 @@ -import { describe, test, expect } from 'vitest'; +import { describe, test, expect, vi } from 'vitest'; import DonutChart from '../components/DonutChart.vue'; import { shallowMount } from '@vue/test-utils'; +vi.mock('../utils/methods/paleteBuilder.js', () => ({ + default: vi.fn((rawPalete) => { + return [ + { + colorName: 'Light Neutrals', + variantName: 'Light', + color400: '#E7EDF3', + colorShades: ['#FFFFFF', '#FAFCFE', '#F4F8FB', '#E7EDF3', '#DFE5EC'], + colorTokens: ['$n-0', '$n-10', '$n-20', '$n-30', '$n-40'], + colorData: [ + { shade: '#FFFFFF', token: '$n-0' }, + { shade: '#FAFCFE', token: '$n-10' }, + { shade: '#F4F8FB', token: '$n-20' }, + { shade: '#E7EDF3', token: '$n-30' }, + { shade: '#DFE5EC', token: '$n-40' } + ] + }, + { + colorName: 'Piccolo Green', + variantName: 'Green', + color400: '#6ddfb1', + colorShades: ['#f3fcf8', '#e2f8ef', '#abedd3', '#6ddfb1', '#2db981'], + colorTokens: ['$gp-50', '$gp-100', '$gp-200', '$gp-300', '$gp-400'], + colorData: [ + { shade: '#f3fcf8', token: '$gp-50' }, + { shade: '#e2f8ef', token: '$gp-100' }, + { shade: '#abedd3', token: '$gp-200' }, + { shade: '#6ddfb1', token: '$gp-300' }, + { shade: '#2db981', token: '$gp-400' } + ] + } + ]; + }) +})); + const mockedData =[ { name: 'Ecocardiograma', diff --git a/src/tests/LineChart.spec.ts b/src/tests/LineChart.spec.ts index 17abb4053..2cf07cd82 100644 --- a/src/tests/LineChart.spec.ts +++ b/src/tests/LineChart.spec.ts @@ -1,7 +1,42 @@ -import { describe, test, expect } from 'vitest'; +import { describe, test, expect, vi } from 'vitest'; import LineChart from '../components/LineChart.vue'; import { shallowMount } from '@vue/test-utils'; +vi.mock('../utils/methods/paleteBuilder.js', () => ({ + default: vi.fn((rawPalete) => { + return [ + { + colorName: 'Light Neutrals', + variantName: 'Light', + color400: '#E7EDF3', + colorShades: ['#FFFFFF', '#FAFCFE', '#F4F8FB', '#E7EDF3', '#DFE5EC'], + colorTokens: ['$n-0', '$n-10', '$n-20', '$n-30', '$n-40'], + colorData: [ + { shade: '#FFFFFF', token: '$n-0' }, + { shade: '#FAFCFE', token: '$n-10' }, + { shade: '#F4F8FB', token: '$n-20' }, + { shade: '#E7EDF3', token: '$n-30' }, + { shade: '#DFE5EC', token: '$n-40' } + ] + }, + { + colorName: 'Piccolo Green', + variantName: 'Green', + color400: '#6ddfb1', + colorShades: ['#f3fcf8', '#e2f8ef', '#abedd3', '#6ddfb1', '#2db981'], + colorTokens: ['$gp-50', '$gp-100', '$gp-200', '$gp-300', '$gp-400'], + colorData: [ + { shade: '#f3fcf8', token: '$gp-50' }, + { shade: '#e2f8ef', token: '$gp-100' }, + { shade: '#abedd3', token: '$gp-200' }, + { shade: '#6ddfb1', token: '$gp-300' }, + { shade: '#2db981', token: '$gp-400' } + ] + } + ]; + }) +})); + const mockedData = [ { name: 'Ecocardiograma', diff --git a/src/tests/MobileStepperInput.spec.js b/src/tests/MobileStepperInput.spec.js index 1f90e517d..22f117f0f 100644 --- a/src/tests/MobileStepperInput.spec.js +++ b/src/tests/MobileStepperInput.spec.js @@ -1,4 +1,4 @@ -import { describe, test, expect } from 'vitest'; +import { describe, test, expect, vi } from 'vitest'; import MobileStepperInput from '../components/MobileStepperInput.vue'; import { shallowMount } from '@vue/test-utils'; @@ -10,16 +10,10 @@ describe('MobileStepperInput', () => { }); test('state classes are applyied correctly', async () => { - expect.assertions(2); + expect.assertions(1); const wrapper = shallowMount(MobileStepperInput); - expect(wrapper.vm.computedStepperClass).toBe('mobile__stepper'); - - await wrapper.setProps({ - state: 'invalid', - }); - - expect(wrapper.vm.computedStepperClass).toBe('mobile__stepper--invalid'); + expect(wrapper.vm.stepperInputStatusClasses).toBe('mobile-stepper-input'); }); -}); \ No newline at end of file +}); diff --git a/src/tests/PieChart.spec.ts b/src/tests/PieChart.spec.ts index 4840cf044..3223dbc4f 100644 --- a/src/tests/PieChart.spec.ts +++ b/src/tests/PieChart.spec.ts @@ -1,7 +1,42 @@ -import { describe, test, expect } from 'vitest'; +import { describe, test, expect, vi } from 'vitest'; import PieChart from '../components/PieChart.vue'; import { shallowMount } from '@vue/test-utils'; +vi.mock('../utils/methods/paleteBuilder.js', () => ({ + default: vi.fn((rawPalete) => { + return [ + { + colorName: 'Light Neutrals', + variantName: 'Light', + color400: '#E7EDF3', + colorShades: ['#FFFFFF', '#FAFCFE', '#F4F8FB', '#E7EDF3', '#DFE5EC'], + colorTokens: ['$n-0', '$n-10', '$n-20', '$n-30', '$n-40'], + colorData: [ + { shade: '#FFFFFF', token: '$n-0' }, + { shade: '#FAFCFE', token: '$n-10' }, + { shade: '#F4F8FB', token: '$n-20' }, + { shade: '#E7EDF3', token: '$n-30' }, + { shade: '#DFE5EC', token: '$n-40' } + ] + }, + { + colorName: 'Piccolo Green', + variantName: 'Green', + color400: '#6ddfb1', + colorShades: ['#f3fcf8', '#e2f8ef', '#abedd3', '#6ddfb1', '#2db981'], + colorTokens: ['$gp-50', '$gp-100', '$gp-200', '$gp-300', '$gp-400'], + colorData: [ + { shade: '#f3fcf8', token: '$gp-50' }, + { shade: '#e2f8ef', token: '$gp-100' }, + { shade: '#abedd3', token: '$gp-200' }, + { shade: '#6ddfb1', token: '$gp-300' }, + { shade: '#2db981', token: '$gp-400' } + ] + } + ]; + }) +})); + const mockedData =[ { name: 'Ecocardiograma', diff --git a/src/tests/PolarAreaChart.spec.ts b/src/tests/PolarAreaChart.spec.ts index d73cba0d6..de40b2258 100644 --- a/src/tests/PolarAreaChart.spec.ts +++ b/src/tests/PolarAreaChart.spec.ts @@ -1,7 +1,42 @@ -import { describe, test, expect } from 'vitest'; +import { describe, test, expect, vi } from 'vitest'; import PolarAreaChart from '../components/PolarAreaChart.vue'; import { shallowMount } from '@vue/test-utils'; +vi.mock('../utils/methods/paleteBuilder.js', () => ({ + default: vi.fn((rawPalete) => { + return [ + { + colorName: 'Light Neutrals', + variantName: 'Light', + color400: '#E7EDF3', + colorShades: ['#FFFFFF', '#FAFCFE', '#F4F8FB', '#E7EDF3', '#DFE5EC'], + colorTokens: ['$n-0', '$n-10', '$n-20', '$n-30', '$n-40'], + colorData: [ + { shade: '#FFFFFF', token: '$n-0' }, + { shade: '#FAFCFE', token: '$n-10' }, + { shade: '#F4F8FB', token: '$n-20' }, + { shade: '#E7EDF3', token: '$n-30' }, + { shade: '#DFE5EC', token: '$n-40' } + ] + }, + { + colorName: 'Piccolo Green', + variantName: 'Green', + color400: '#6ddfb1', + colorShades: ['#f3fcf8', '#e2f8ef', '#abedd3', '#6ddfb1', '#2db981'], + colorTokens: ['$gp-50', '$gp-100', '$gp-200', '$gp-300', '$gp-400'], + colorData: [ + { shade: '#f3fcf8', token: '$gp-50' }, + { shade: '#e2f8ef', token: '$gp-100' }, + { shade: '#abedd3', token: '$gp-200' }, + { shade: '#6ddfb1', token: '$gp-300' }, + { shade: '#2db981', token: '$gp-400' } + ] + } + ]; + }) +})); + const mockedData = [ { name: 'Ecocardiograma', diff --git a/src/tests/RadialBarChart.spec.ts b/src/tests/RadialBarChart.spec.ts index b673aaac0..d2db92cd2 100644 --- a/src/tests/RadialBarChart.spec.ts +++ b/src/tests/RadialBarChart.spec.ts @@ -1,7 +1,42 @@ -import { describe, test, expect } from 'vitest'; +import { describe, test, expect, vi } from 'vitest'; import RadialBarChart from '../components/RadialBarChart.vue'; import { shallowMount } from '@vue/test-utils'; +vi.mock('../utils/methods/paleteBuilder.js', () => ({ + default: vi.fn((rawPalete) => { + return [ + { + colorName: 'Light Neutrals', + variantName: 'Light', + color400: '#E7EDF3', + colorShades: ['#FFFFFF', '#FAFCFE', '#F4F8FB', '#E7EDF3', '#DFE5EC'], + colorTokens: ['$n-0', '$n-10', '$n-20', '$n-30', '$n-40'], + colorData: [ + { shade: '#FFFFFF', token: '$n-0' }, + { shade: '#FAFCFE', token: '$n-10' }, + { shade: '#F4F8FB', token: '$n-20' }, + { shade: '#E7EDF3', token: '$n-30' }, + { shade: '#DFE5EC', token: '$n-40' } + ] + }, + { + colorName: 'Piccolo Green', + variantName: 'Green', + color400: '#6ddfb1', + colorShades: ['#f3fcf8', '#e2f8ef', '#abedd3', '#6ddfb1', '#2db981'], + colorTokens: ['$gp-50', '$gp-100', '$gp-200', '$gp-300', '$gp-400'], + colorData: [ + { shade: '#f3fcf8', token: '$gp-50' }, + { shade: '#e2f8ef', token: '$gp-100' }, + { shade: '#abedd3', token: '$gp-200' }, + { shade: '#6ddfb1', token: '$gp-300' }, + { shade: '#2db981', token: '$gp-400' } + ] + } + ]; + }) +})); + const mockedData =[ { name: 'Ecocardiograma', diff --git a/src/tests/StackedBarChart.spec.ts b/src/tests/StackedBarChart.spec.ts index 491cfdaad..dd5f6dcb1 100644 --- a/src/tests/StackedBarChart.spec.ts +++ b/src/tests/StackedBarChart.spec.ts @@ -1,7 +1,42 @@ -import { describe, test, expect } from 'vitest'; +import { describe, test, expect, vi } from 'vitest'; import StackedBarChart from '../components/StackedBarChart.vue'; import { shallowMount } from '@vue/test-utils'; +vi.mock('../utils/methods/paleteBuilder.js', () => ({ + default: vi.fn((rawPalete) => { + return [ + { + colorName: 'Light Neutrals', + variantName: 'Light', + color400: '#E7EDF3', + colorShades: ['#FFFFFF', '#FAFCFE', '#F4F8FB', '#E7EDF3', '#DFE5EC'], + colorTokens: ['$n-0', '$n-10', '$n-20', '$n-30', '$n-40'], + colorData: [ + { shade: '#FFFFFF', token: '$n-0' }, + { shade: '#FAFCFE', token: '$n-10' }, + { shade: '#F4F8FB', token: '$n-20' }, + { shade: '#E7EDF3', token: '$n-30' }, + { shade: '#DFE5EC', token: '$n-40' } + ] + }, + { + colorName: 'Piccolo Green', + variantName: 'Green', + color400: '#6ddfb1', + colorShades: ['#f3fcf8', '#e2f8ef', '#abedd3', '#6ddfb1', '#2db981'], + colorTokens: ['$gp-50', '$gp-100', '$gp-200', '$gp-300', '$gp-400'], + colorData: [ + { shade: '#f3fcf8', token: '$gp-50' }, + { shade: '#e2f8ef', token: '$gp-100' }, + { shade: '#abedd3', token: '$gp-200' }, + { shade: '#6ddfb1', token: '$gp-300' }, + { shade: '#2db981', token: '$gp-400' } + ] + } + ]; + }) +})); + const mockedData = [ { name: 'Ecocardiograma', diff --git a/src/tests/__snapshots__/ActionBar.spec.ts.snap b/src/tests/__snapshots__/ActionBar.spec.ts.snap index 0e9b1abde..d4d6ba2e3 100644 --- a/src/tests/__snapshots__/ActionBar.spec.ts.snap +++ b/src/tests/__snapshots__/ActionBar.spec.ts.snap @@ -1,3 +1,3 @@ -// Vitest Snapshot v1 +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`ActionBar snapshot test > renders correctly 1`] = `""`; diff --git a/src/tests/__snapshots__/ActionsList.spec.ts.snap b/src/tests/__snapshots__/ActionsList.spec.ts.snap index ec5a7627b..801dec0cf 100644 --- a/src/tests/__snapshots__/ActionsList.spec.ts.snap +++ b/src/tests/__snapshots__/ActionsList.spec.ts.snap @@ -1,13 +1,13 @@ -// Vitest Snapshot v1 +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`ActionsList snapshot test > renders correctly 1`] = ` -"
      Mais ações
      " `; diff --git a/src/tests/__snapshots__/Alert.spec.ts.snap b/src/tests/__snapshots__/Alert.spec.ts.snap index eb1c262d6..34ad0969a 100644 --- a/src/tests/__snapshots__/Alert.spec.ts.snap +++ b/src/tests/__snapshots__/Alert.spec.ts.snap @@ -1,7 +1,7 @@ -// Vitest Snapshot v1 +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Alert snapshot test > renders correctly 1`] = ` -"
      Texto do alerta
      +"
      Texto do alerta
      " `; diff --git a/src/tests/__snapshots__/AlertCard.spec.ts.snap b/src/tests/__snapshots__/AlertCard.spec.ts.snap index 9528637ff..76fe24093 100644 --- a/src/tests/__snapshots__/AlertCard.spec.ts.snap +++ b/src/tests/__snapshots__/AlertCard.spec.ts.snap @@ -1,7 +1,7 @@ -// Vitest Snapshot v1 +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`AlertCard snapshot test > renders correctly 1`] = ` -"
      Título do AlertCardSubtítulo do AlertCard +"
      Título do AlertCardSubtítulo do AlertCard
      diff --git a/src/tests/__snapshots__/Badge.spec.ts.snap b/src/tests/__snapshots__/Badge.spec.ts.snap index b65081cd8..a66b41a84 100644 --- a/src/tests/__snapshots__/Badge.spec.ts.snap +++ b/src/tests/__snapshots__/Badge.spec.ts.snap @@ -1,7 +1,7 @@ -// Vitest Snapshot v1 +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Badge > renders correctly 1`] = ` -"
      -
      Badge
      +"
      +
      Badge
      " `; diff --git a/src/tests/__snapshots__/BarChart.spec.ts.snap b/src/tests/__snapshots__/BarChart.spec.ts.snap index 60704714b..1b0c12f47 100644 --- a/src/tests/__snapshots__/BarChart.spec.ts.snap +++ b/src/tests/__snapshots__/BarChart.spec.ts.snap @@ -1,3 +1,3 @@ -// Vitest Snapshot v1 +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`BarChart > renders correctly 1`] = `"
      "`; +exports[`BarChart > renders correctly 1`] = `"
      "`; diff --git a/src/tests/__snapshots__/BottomSheet.spec.ts.snap b/src/tests/__snapshots__/BottomSheet.spec.ts.snap index 8c137297d..ca58304b6 100644 --- a/src/tests/__snapshots__/BottomSheet.spec.ts.snap +++ b/src/tests/__snapshots__/BottomSheet.spec.ts.snap @@ -1,19 +1,19 @@ -// Vitest Snapshot v1 +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`BottomSheet > renders correctly 1`] = ` -"
      -
      -
      -
      -
      +"
      +
      +
      +
      +
      -
      -
      Qual o segredo da vida?
      -
      - +
      +
      Qual o segredo da vida?
      +
      +
      -
      +
      diff --git a/src/tests/__snapshots__/Box.spec.ts.snap b/src/tests/__snapshots__/Box.spec.ts.snap index def1e33d4..3d0e1e065 100644 --- a/src/tests/__snapshots__/Box.spec.ts.snap +++ b/src/tests/__snapshots__/Box.spec.ts.snap @@ -1,16 +1,16 @@ -// Vitest Snapshot v1 +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Spacer snapshot test > renders correctly 1`] = ` -"
      +"
      -
      +
      -
      -
      +
      +
      " diff --git a/src/tests/__snapshots__/Breadcrumb.spec.ts.snap b/src/tests/__snapshots__/Breadcrumb.spec.ts.snap index 544da546f..bd2cd78e2 100644 --- a/src/tests/__snapshots__/Breadcrumb.spec.ts.snap +++ b/src/tests/__snapshots__/Breadcrumb.spec.ts.snap @@ -1,16 +1,16 @@ -// Vitest Snapshot v1 +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Breadcrumb snapshot test > renders correctly 1`] = ` -"