diff --git a/semcore/add-filter/__tests__/__snapshots__/index.test.tsx.snap b/semcore/add-filter/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..056c7761fe --- /dev/null +++ b/semcore/add-filter/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,175 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`AddFilter > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "AddFilterInput.Value", + }, + { + "children": [], + "uiName": null, + }, + ], + "uiName": "AddFilter.Input", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "FilterTrigger.Text", + }, + { + "children": [], + "uiName": null, + }, + ], + "uiName": "FilterTrigger.TriggerButton.InnerTriggerWrapper", + }, + ], + "uiName": "FilterTrigger.TriggerButton", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "FilterTrigger.Addon", + }, + ], + "uiName": "FilterTrigger.ClearButton.InnerTriggerWrapper", + }, + ], + "uiName": "FilterTrigger.ClearButton", + }, + ], + "uiName": "AddFilterSelect.Trigger", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "AddFilterSelect.Option", + }, + ], + "uiName": null, + }, + ], + "uiName": "ScrollArea.Container", + }, + ], + "uiName": "AddFilterSelect.Menu", + }, + ], + "uiName": "Select.Popper", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "FilterTrigger.Text", + }, + ], + "uiName": "FilterTrigger.TriggerButton.InnerTriggerWrapper", + }, + ], + "uiName": "FilterTrigger.TriggerButton", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "FilterTrigger.Addon", + }, + ], + "uiName": "FilterTrigger.ClearButton.InnerTriggerWrapper", + }, + ], + "uiName": "FilterTrigger.ClearButton", + }, + ], + "uiName": "AddFilterDropdown.Trigger", + }, + { + "children": [], + "uiName": null, + }, + { + "children": [], + "uiName": "AddFilterDropdown.Popper", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "Close", + }, + ], + "uiName": "Button.Addon", + }, + { + "children": [], + "uiName": "Button.Text", + }, + ], + "uiName": "Button.InnerWrapper", + }, + ], + "uiName": "Button", + }, + { + "children": [], + "uiName": "Box", + }, + { + "children": [], + "uiName": null, + }, + ], + "uiName": "AddFilter", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/add-filter/__tests__/index.test.tsx b/semcore/add-filter/__tests__/index.test.tsx index d87ad43b60..73bed93fb6 100644 --- a/semcore/add-filter/__tests__/index.test.tsx +++ b/semcore/add-filter/__tests__/index.test.tsx @@ -1,3 +1,4 @@ +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; import { render, cleanup, waitFor, userEvent } from '@semcore/testing-utils/testing-library'; import { expect, describe, beforeEach, vi } from '@semcore/testing-utils/vitest'; @@ -22,6 +23,49 @@ describe('AddFilter', (test) => { window.IntersectionObserver = mockIntersectionObserver; }); + test('Verify data-ui-name', () => { + const addFilter = ( + {}} + > + + + + + + + + Blue + + + + + {}}> + Keywords + + + Dropdown content + + + + ); + + const { container } = render(addFilter); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); + test('should render two menuitems in dropdown with displayName as text', async () => { const { queryByText, getByText } = render( {}}> diff --git a/semcore/badge/__tests__/__snapshots__/index.test.tsx.snap b/semcore/badge/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..e33f9a926e --- /dev/null +++ b/semcore/badge/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,13 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`Badge > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [], + "uiName": "Badge", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/badge/__tests__/index.test.tsx b/semcore/badge/__tests__/index.test.tsx index 8ecc713110..591fe08a93 100644 --- a/semcore/badge/__tests__/index.test.tsx +++ b/semcore/badge/__tests__/index.test.tsx @@ -1,3 +1,4 @@ +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; import { render, cleanup } from '@semcore/testing-utils/testing-library'; import { describe, test, expect, beforeEach, vi, afterEach } from '@semcore/testing-utils/vitest'; @@ -9,6 +10,19 @@ describe('Badge Dependency imports', () => { runDependencyCheckTests('badge'); }); +describe('Badge', () => { + beforeEach(cleanup); + + test('Verify data-ui-name', () => { + const badge = ; + + const { container } = render(badge); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); +}); + describe('Badge backward compatibility (deprecated props)', () => { beforeEach(cleanup); diff --git a/semcore/base-trigger/__tests__/__snapshots__/index.test.tsx.snap b/semcore/base-trigger/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..8e3e9bbaec --- /dev/null +++ b/semcore/base-trigger/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,167 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`BaseTrigger > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "BaseTrigger.Addon", + }, + { + "children": [], + "uiName": "BaseTrigger.Text", + }, + ], + "uiName": "BaseTrigger.InnerTriggerWrapper", + }, + ], + "uiName": "BaseTrigger", + }, + ], + "uiName": null, +} +`; + +exports[`ButtonTrigger > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "ButtonTrigger.Addon", + }, + { + "children": [], + "uiName": "ButtonTrigger.Text", + }, + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "ChevronDown", + }, + ], + "uiName": "ButtonTrigger.Addon", + }, + ], + "uiName": "ButtonTrigger.InnerTriggerWrapper", + }, + ], + "uiName": "ButtonTrigger", + }, + ], + "uiName": null, +} +`; + +exports[`FilterTrigger > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "FilterTrigger.Text", + }, + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "Box", + }, + ], + "uiName": null, + }, + ], + "uiName": "FilterTrigger.Counter", + }, + ], + "uiName": "FilterTrigger.TriggerButton.InnerTriggerWrapper", + }, + ], + "uiName": "FilterTrigger.TriggerButton", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "FilterTrigger.Addon", + }, + ], + "uiName": "FilterTrigger.ClearButton.InnerTriggerWrapper", + }, + ], + "uiName": "FilterTrigger.ClearButton", + }, + ], + "uiName": "FilterTrigger", + }, + ], + "uiName": null, +} +`; + +exports[`LinkTrigger > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "LinkTrigger.Addon", + }, + { + "children": [], + "uiName": "LinkTrigger.Text", + }, + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "ChevronDown", + }, + ], + "uiName": "LinkTrigger.Addon", + }, + ], + "uiName": "LinkTrigger.InnerWrapper", + }, + ], + "uiName": "LinkTrigger", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/base-trigger/__tests__/index.test.tsx b/semcore/base-trigger/__tests__/index.test.tsx index f9fac0758c..dc6c53b3b1 100644 --- a/semcore/base-trigger/__tests__/index.test.tsx +++ b/semcore/base-trigger/__tests__/index.test.tsx @@ -1,17 +1,50 @@ +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; import { cleanup, render, userEvent } from '@semcore/testing-utils/testing-library'; import { expect, test, describe, beforeEach } from '@semcore/testing-utils/vitest'; import React from 'react'; -import { ButtonTrigger } from '../src'; +import BaseTrigger, { ButtonTrigger, FilterTrigger, LinkTrigger } from '../src'; describe('BaseTrigger Dependency imports', () => { runDependencyCheckTests('base-trigger'); }); +describe('BaseTrigger', () => { + beforeEach(cleanup); + + test('Verify data-ui-name', () => { + const baseTrigger = ( + + + + + ); + + const { container } = render(baseTrigger); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); +}); + describe('ButtonTrigger', () => { beforeEach(cleanup); + test('Verify data-ui-name', () => { + const buttonTrigger = ( + + + + + ); + + const { container } = render(buttonTrigger); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); + test.concurrent('Should work as button with labels', async () => { const component = ( <> @@ -29,3 +62,39 @@ describe('ButtonTrigger', () => { expect(getByTestId('buttonTrigger')).toHaveFocus(); }); }); + +describe('LinkTrigger', () => { + beforeEach(cleanup); + + test('Verify data-ui-name', () => { + const linkTrigger = ( + + + + + ); + + const { container } = render(linkTrigger); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); +}); + +describe('FilterTrigger', () => { + beforeEach(cleanup); + + test('Verify data-ui-name', () => { + const filterTrigger = ( + {}}> + Filter trigger + + + ); + + const { container } = render(filterTrigger); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); +}); diff --git a/semcore/breadcrumbs/__tests__/__snapshots__/index.test.tsx.snap b/semcore/breadcrumbs/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..c16f9dca96 --- /dev/null +++ b/semcore/breadcrumbs/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,88 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`Breadcrumbs > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "Breadcrumbs.Item", + }, + ], + "uiName": null, + }, + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "ChevronRight", + }, + ], + "uiName": null, + }, + { + "children": [ + { + "children": [], + "uiName": "Breadcrumbs.Item", + }, + ], + "uiName": null, + }, + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "ChevronRight", + }, + ], + "uiName": null, + }, + { + "children": [ + { + "children": [], + "uiName": "Breadcrumbs.Item", + }, + ], + "uiName": null, + }, + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "ChevronRight", + }, + ], + "uiName": null, + }, + ], + "uiName": null, + }, + ], + "uiName": "Breadcrumbs", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/breadcrumbs/__tests__/index.test.tsx b/semcore/breadcrumbs/__tests__/index.test.tsx index fab8427ac6..1c57d90133 100644 --- a/semcore/breadcrumbs/__tests__/index.test.tsx +++ b/semcore/breadcrumbs/__tests__/index.test.tsx @@ -1,6 +1,30 @@ +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; -import { describe } from '@semcore/testing-utils/vitest'; +import { cleanup, render } from '@semcore/testing-utils/testing-library'; +import { beforeEach, describe, expect, test } from '@semcore/testing-utils/vitest'; +import React from 'react'; + +import Breadcrumbs from '../src'; describe('breadcrumbs Dependency imports', () => { runDependencyCheckTests('breadcrumbs'); }); + +describe('Breadcrumbs', () => { + beforeEach(cleanup); + + test('Verify data-ui-name', () => { + const breadcrumbs = ( + + Home + Projects + Current project + + ); + + const { container } = render(breadcrumbs); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); +}); diff --git a/semcore/bulk-textarea/__tests__/__snapshots__/index.test.tsx.snap b/semcore/bulk-textarea/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..0eae2ec18d --- /dev/null +++ b/semcore/bulk-textarea/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,103 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`BulkTextarea OnChange > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + { + "children": [], + "uiName": "Box", + }, + ], + "uiName": null, + }, + ], + "uiName": "BulkTextarea.Counter", + }, + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": null, + }, + ], + "uiName": "BulkTextarea.InputField", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "ChevronDown", + }, + ], + "uiName": "Button.Addon", + }, + ], + "uiName": "Button.InnerWrapper", + }, + ], + "uiName": "Button", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "ChevronUp", + }, + ], + "uiName": "Button.Addon", + }, + ], + "uiName": "Button.InnerWrapper", + }, + ], + "uiName": "Button", + }, + { + "children": [], + "uiName": "Text", + }, + ], + "uiName": "Flex", + }, + ], + "uiName": "BulkTextarea", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/bulk-textarea/__tests__/index.test.tsx b/semcore/bulk-textarea/__tests__/index.test.tsx index 89bd747cae..5b24148fb8 100644 --- a/semcore/bulk-textarea/__tests__/index.test.tsx +++ b/semcore/bulk-textarea/__tests__/index.test.tsx @@ -1,3 +1,4 @@ +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; import { render, userEvent, cleanup, waitFor } from '@semcore/testing-utils/testing-library'; import { describe, test, vi, assertType, expect, afterEach, beforeEach } from '@semcore/testing-utils/vitest'; @@ -16,6 +17,28 @@ describe('BulkTextarea OnChange', () => { afterEach(() => { cleanup(); }); + + test('Verify data-ui-name', () => { + const bulkTextarea = ( + + + + + + + ); + + const { container } = render(bulkTextarea); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); + test('Verify value&onChange relation', () => { assertType( { }} />); assertType( { }} />); diff --git a/semcore/button/__tests__/__snapshots__/index.test.tsx.snap b/semcore/button/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..9931f394d8 --- /dev/null +++ b/semcore/button/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,53 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`Button > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "Button.Addon", + }, + { + "children": [], + "uiName": "Button.Text", + }, + ], + "uiName": "Button.InnerWrapper", + }, + ], + "uiName": "Button", + }, + ], + "uiName": null, +} +`; + +exports[`ButtonLink > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "ButtonLink.Addon", + }, + { + "children": [], + "uiName": "ButtonLink.Text", + }, + ], + "uiName": "ButtonLink.InnerWrapper", + }, + ], + "uiName": "ButtonLink", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/button/__tests__/index.test.tsx b/semcore/button/__tests__/index.test.tsx index b1e25288cf..1be2bc70d8 100644 --- a/semcore/button/__tests__/index.test.tsx +++ b/semcore/button/__tests__/index.test.tsx @@ -1,10 +1,11 @@ import Link from '@semcore/link'; +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; import { cleanup, render, userEvent } from '@semcore/testing-utils/testing-library'; import { beforeEach, expect, test, describe, vi } from '@semcore/testing-utils/vitest'; import React from 'react'; -import Button, { } from '../src'; +import Button, { ButtonLink } from '../src'; describe('Button Dependency imports', () => { runDependencyCheckTests('button'); @@ -13,6 +14,20 @@ describe('Button Dependency imports', () => { describe('Button', () => { beforeEach(cleanup); + test('Verify data-ui-name', () => { + const button = ( + + ); + + const { container } = render(button); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); + test('Verify supports user click handler', async () => { const spy = vi.fn(); const { getByTestId } = render( @@ -73,3 +88,21 @@ describe('Button', () => { expect((buttonElement?.attributes as any)['aria-busy'].value).toBe('true'); }); }); + +describe('ButtonLink', () => { + beforeEach(cleanup); + + test('Verify data-ui-name', () => { + const buttonLink = ( + + + + + ); + + const { container } = render(buttonLink); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); +}); diff --git a/semcore/card/__tests__/__snapshots__/index.test.tsx.snap b/semcore/card/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..fd5fb32925 --- /dev/null +++ b/semcore/card/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,31 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`Card > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "Card.Title", + }, + { + "children": [], + "uiName": "Card.Description", + }, + ], + "uiName": "Card.Header", + }, + { + "children": [], + "uiName": "Card.Body", + }, + ], + "uiName": "Card", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/card/__tests__/index.test.tsx b/semcore/card/__tests__/index.test.tsx index bb5c5dd01e..479fc31fb6 100644 --- a/semcore/card/__tests__/index.test.tsx +++ b/semcore/card/__tests__/index.test.tsx @@ -1,6 +1,34 @@ +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; -import { describe } from '@semcore/testing-utils/vitest'; +import { cleanup, render } from '@semcore/testing-utils/testing-library'; +import { beforeEach, describe, expect, test } from '@semcore/testing-utils/vitest'; +import React from 'react'; + +import Card from '../src'; describe('Card Dependency imports', () => { runDependencyCheckTests('card'); }); + +describe('Card', () => { + beforeEach(cleanup); + + test('Verify data-ui-name', () => { + const card = ( + + + Card title + Card description + + + Card body + + + ); + + const { container } = render(card); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); +}); diff --git a/semcore/carousel/__tests__/__snapshots__/index.test.tsx.snap b/semcore/carousel/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..9a58a738a6 --- /dev/null +++ b/semcore/carousel/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,108 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`Carousel > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "ChevronLeft", + }, + ], + "uiName": "Button.Addon", + }, + ], + "uiName": "Button.InnerWrapper", + }, + ], + "uiName": "Button", + }, + ], + "uiName": "Carousel.Prev", + }, + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "Carousel.Item", + }, + { + "children": [], + "uiName": "Carousel.Item", + }, + ], + "uiName": "Carousel.Container", + }, + ], + "uiName": "Carousel.ContentBox", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "ChevronRight", + }, + ], + "uiName": "Button.Addon", + }, + ], + "uiName": "Button.InnerWrapper", + }, + ], + "uiName": "Button", + }, + ], + "uiName": "Carousel.Next", + }, + ], + "uiName": "Flex", + }, + { + "children": [ + { + "children": [], + "uiName": "Carousel.Indicator", + }, + { + "children": [], + "uiName": "Carousel.Indicator", + }, + ], + "uiName": "Carousel.Indicators", + }, + ], + "uiName": "Carousel", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/carousel/__tests__/index.test.tsx b/semcore/carousel/__tests__/index.test.tsx index 3bcf861670..4ca50c1de1 100644 --- a/semcore/carousel/__tests__/index.test.tsx +++ b/semcore/carousel/__tests__/index.test.tsx @@ -1,3 +1,4 @@ +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; import { cleanup, render, userEvent } from '@semcore/testing-utils/testing-library'; import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest'; @@ -20,6 +21,20 @@ const Items = () => ( describe('Carousel', () => { beforeEach(cleanup); + test('Verify data-ui-name', () => { + const carousel = ( + + + + + ); + + const { container } = render(carousel); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); + test('Verify control mode', () => { const spy = vi.fn(); diff --git a/semcore/checkbox/__tests__/__snapshots__/index.test.tsx.snap b/semcore/checkbox/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..9dc1436085 --- /dev/null +++ b/semcore/checkbox/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,26 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`Checkbox > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [], + "uiName": "Checkbox.Value", + }, + { + "children": [], + "uiName": "Value.CheckMark", + }, + { + "children": [], + "uiName": "Checkbox.Text", + }, + ], + "uiName": "Checkbox", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/checkbox/__tests__/index.test.tsx b/semcore/checkbox/__tests__/index.test.tsx index 9e27979694..04a9e68b86 100644 --- a/semcore/checkbox/__tests__/index.test.tsx +++ b/semcore/checkbox/__tests__/index.test.tsx @@ -1,3 +1,4 @@ +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; import { cleanup, render } from '@semcore/testing-utils/testing-library'; import { expect, test, describe, beforeEach } from '@semcore/testing-utils/vitest'; @@ -12,6 +13,23 @@ describe('Checkbox Dependency imports', () => { describe('Checkbox', () => { beforeEach(cleanup); + test('Verify data-ui-name', () => { + const checkbox = ( + + + + + + + + ); + + const { container } = render(checkbox); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); + test.concurrent( 'Verify Control has aria-label, aria-labelledby, aria-describedby from root', async () => { diff --git a/semcore/color-picker/__tests__/__snapshots__/index.test.tsx.snap b/semcore/color-picker/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..0fa2b75789 --- /dev/null +++ b/semcore/color-picker/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,188 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`ColorPicker > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [], + "uiName": "Flex", + }, + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "ChevronDown", + }, + ], + "uiName": "ColorPicker.Trigger", + }, + { + "children": [], + "uiName": null, + }, + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "ColorPicker.Item", + }, + { + "children": [], + "uiName": "ColorPicker.Item", + }, + ], + "uiName": "ColorPicker.Colors", + }, + { + "children": [], + "uiName": "Divider", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "Close", + }, + ], + "uiName": "Box", + }, + { + "children": [], + "uiName": "Box", + }, + ], + "uiName": "PaletteManager.Item", + }, + ], + "uiName": "PaletteManager.Colors", + }, + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "MathPlus", + }, + ], + "uiName": null, + }, + ], + "uiName": "Flex", + }, + { + "children": [ + { + "children": [], + "uiName": "Box", + }, + { + "children": [ + { + "children": [], + "uiName": null, + }, + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": "PaletteManager.InputColor", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "Check", + }, + ], + "uiName": "ButtonLink.Addon", + }, + ], + "uiName": "Input.Addon.InnerWrapper", + }, + ], + "uiName": "Input.Addon", + }, + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "Close", + }, + ], + "uiName": "ButtonLink.Addon", + }, + ], + "uiName": "Input.Addon.InnerWrapper", + }, + ], + "uiName": "Input.Addon", + }, + { + "children": [], + "uiName": null, + }, + ], + "uiName": "Input", + }, + ], + "uiName": null, + }, + ], + "uiName": null, + }, + ], + "uiName": "Box", + }, + ], + "uiName": "ColorPicker.Popper", + }, + { + "children": [], + "uiName": null, + }, + ], + "uiName": null, +} +`; diff --git a/semcore/color-picker/__tests__/index.test.tsx b/semcore/color-picker/__tests__/index.test.tsx index 7aa63e9c0b..a7c2a8353c 100644 --- a/semcore/color-picker/__tests__/index.test.tsx +++ b/semcore/color-picker/__tests__/index.test.tsx @@ -1,3 +1,4 @@ +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; import { cleanup, render, userEvent } from '@semcore/testing-utils/testing-library'; import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest'; @@ -12,6 +13,26 @@ describe('color-picker Dependency imports', () => { describe('ColorPicker', () => { beforeEach(cleanup); + test('Verify data-ui-name', () => { + const colorPicker = ( + + + + + + + + + + + ); + + const { container } = render(colorPicker); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); + test.concurrent('Verify call onChange once function when click on item color', async () => { const value = '#2BB3FF'; const spy = vi.fn(); diff --git a/semcore/counter/__tests__/__snapshots__/index.test.tsx.snap b/semcore/counter/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..22dcf38fd8 --- /dev/null +++ b/semcore/counter/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,18 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`Counter > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [ + { + "children": [], + "uiName": null, + }, + ], + "uiName": "Counter", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/counter/__tests__/index.test.tsx b/semcore/counter/__tests__/index.test.tsx index af56cb1bb8..1b7e0117a2 100644 --- a/semcore/counter/__tests__/index.test.tsx +++ b/semcore/counter/__tests__/index.test.tsx @@ -1,6 +1,24 @@ +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; -import { describe } from '@semcore/testing-utils/vitest'; +import { cleanup, render } from '@semcore/testing-utils/testing-library'; +import { beforeEach, describe, expect, test } from '@semcore/testing-utils/vitest'; +import React from 'react'; + +import Counter from '../src'; describe('Counter Dependency imports', () => { runDependencyCheckTests('counter'); }); + +describe('Counter', () => { + beforeEach(cleanup); + + test('Verify data-ui-name', () => { + const counter = 42; + + const { container } = render(counter); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); +}); diff --git a/semcore/divider/__tests__/__snapshots__/index.test.tsx.snap b/semcore/divider/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..b78bf1ebba --- /dev/null +++ b/semcore/divider/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,13 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`Divider > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [], + "uiName": "Divider", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/divider/__tests__/index.test.tsx b/semcore/divider/__tests__/index.test.tsx index ba4e65e709..9568c04a7a 100644 --- a/semcore/divider/__tests__/index.test.tsx +++ b/semcore/divider/__tests__/index.test.tsx @@ -1,6 +1,24 @@ +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; -import { describe } from '@semcore/testing-utils/vitest'; +import { cleanup, render } from '@semcore/testing-utils/testing-library'; +import { beforeEach, describe, expect, test } from '@semcore/testing-utils/vitest'; +import React from 'react'; + +import Divider from '../src'; describe('Divider Dependency imports', () => { runDependencyCheckTests('divider'); }); + +describe('Divider', () => { + beforeEach(cleanup); + + test('Verify data-ui-name', () => { + const divider = ; + + const { container } = render(divider); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); + }); +}); diff --git a/semcore/dot/__tests__/__snapshots__/index.test.tsx.snap b/semcore/dot/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..4278a2b46f --- /dev/null +++ b/semcore/dot/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,13 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`Dot > Verify data-ui-name 1`] = ` +{ + "children": [ + { + "children": [], + "uiName": "Dot", + }, + ], + "uiName": null, +} +`; diff --git a/semcore/dot/__tests__/index.test.tsx b/semcore/dot/__tests__/index.test.tsx index 510be3b945..a093cc1f4e 100644 --- a/semcore/dot/__tests__/index.test.tsx +++ b/semcore/dot/__tests__/index.test.tsx @@ -1,7 +1,8 @@ import Button from '@semcore/button'; +import { extractUIName } from '@semcore/testing-utils/shared/extractUINameTree.ts'; import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests'; import { cleanup, render } from '@semcore/testing-utils/testing-library'; -import { expect, test, describe, beforeEach, vi, afterEach } from '@semcore/testing-utils/vitest'; +import { expect, test, describe, beforeEach } from '@semcore/testing-utils/vitest'; import React from 'react'; import Dot from '../src'; @@ -13,12 +14,15 @@ describe('dot Dependency imports', () => { describe('Dot', () => { beforeEach(() => { cleanup(); - document.body.innerHTML = ''; - vi.spyOn(console, 'warn').mockImplementation(() => {}); }); - afterEach(() => { - vi.restoreAllMocks(); + test('Verify data-ui-name', () => { + const dot = ; + + const { container } = render(dot); + const result = extractUIName(container); + + expect(result).toMatchSnapshot(); }); test('Verify no "alert" for screenreaders when hidden', async () => {