diff --git a/.claude/rules/testing.md b/.claude/rules/testing.md index 279eb01d9..777a01ffe 100644 --- a/.claude/rules/testing.md +++ b/.claude/rules/testing.md @@ -32,6 +32,9 @@ Jest unit/component tests are co-located in a component's `__tests__/` folder. `.spec.tsx` specs use a table-driven pattern: +* Import `test` and `expect` from `tests/playwright`, never directly from + `@playwright/experimental-ct-react`; its `mount` moves the pointer out of the + viewport so components do not get into `:hover` state. * Import arrays of test cases from `_propTests/` directories and from shared `tests/playwright/propTests/`. * Each test case is `{ name, props, onBeforeTest?, onBeforeSnapshot? }`; custom diff --git a/src/components/Alert/__tests__/Alert.spec.tsx b/src/components/Alert/__tests__/Alert.spec.tsx index db4f0ec1f..3bed2241c 100644 --- a/src/components/Alert/__tests__/Alert.spec.tsx +++ b/src/components/Alert/__tests__/Alert.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { AlertForTest } from './Alert.story'; test.describe('Alert', () => { diff --git a/src/components/Badge/__tests__/Badge.spec.tsx b/src/components/Badge/__tests__/Badge.spec.tsx index 930c173a6..2f351dd7d 100644 --- a/src/components/Badge/__tests__/Badge.spec.tsx +++ b/src/components/Badge/__tests__/Badge.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import { BadgeForTest } from './Badge.story'; import { labelPropTest } from './_propTests/labelPropTest'; diff --git a/src/components/Button/__tests__/Button.spec.tsx b/src/components/Button/__tests__/Button.spec.tsx index 0b37cd3a3..c0a843e8d 100644 --- a/src/components/Button/__tests__/Button.spec.tsx +++ b/src/components/Button/__tests__/Button.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import { ButtonForRefTest, diff --git a/src/components/Button/__tests__/Button.spec.tsx-snapshots/Button-formLayout-visual-horizontal-1-chromium-linux.png b/src/components/Button/__tests__/Button.spec.tsx-snapshots/Button-formLayout-visual-horizontal-1-chromium-linux.png index 0d804cfd8..0acf15681 100644 Binary files a/src/components/Button/__tests__/Button.spec.tsx-snapshots/Button-formLayout-visual-horizontal-1-chromium-linux.png and b/src/components/Button/__tests__/Button.spec.tsx-snapshots/Button-formLayout-visual-horizontal-1-chromium-linux.png differ diff --git a/src/components/ButtonGroup/__tests__/ButtonGroup.spec.tsx b/src/components/ButtonGroup/__tests__/ButtonGroup.spec.tsx index 14c64d30b..fe2f3883e 100644 --- a/src/components/ButtonGroup/__tests__/ButtonGroup.spec.tsx +++ b/src/components/ButtonGroup/__tests__/ButtonGroup.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import { ButtonGroupForTest, diff --git a/src/components/Card/__tests__/Card.spec.tsx b/src/components/Card/__tests__/Card.spec.tsx index fa683609c..58eff8a7f 100644 --- a/src/components/Card/__tests__/Card.spec.tsx +++ b/src/components/Card/__tests__/Card.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import { CadForTest, diff --git a/src/components/CheckboxField/__tests__/CheckboxField.spec.tsx b/src/components/CheckboxField/__tests__/CheckboxField.spec.tsx index fc8025035..9d517ecb5 100644 --- a/src/components/CheckboxField/__tests__/CheckboxField.spec.tsx +++ b/src/components/CheckboxField/__tests__/CheckboxField.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import type { CheckboxForFormLayoutTestsProps } from './CheckboxField.story'; import { diff --git a/src/components/FileInputField/__tests__/FileInputField.spec.tsx b/src/components/FileInputField/__tests__/FileInputField.spec.tsx index d575eee5f..44834aeb2 100644 --- a/src/components/FileInputField/__tests__/FileInputField.spec.tsx +++ b/src/components/FileInputField/__tests__/FileInputField.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import type { FileInputFieldForFormLayoutTestsProps } from './FileInputField.story'; import { diff --git a/src/components/FormLayout/__tests__/FormLayout.spec.tsx b/src/components/FormLayout/__tests__/FormLayout.spec.tsx index 55489ad32..ceb2906d6 100644 --- a/src/components/FormLayout/__tests__/FormLayout.spec.tsx +++ b/src/components/FormLayout/__tests__/FormLayout.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { FormLayoutForTest, FormLayoutWithoutChildrenForTest, diff --git a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-defaultComponentProps-object-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-defaultComponentProps-object-1-chromium-linux.png index 5a2abdc13..f92247a8e 100644 Binary files a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-defaultComponentProps-object-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-defaultComponentProps-object-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png index 483b8b497..9d310b885 100644 Binary files a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-fieldLayout-string-vertical-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-fieldLayout-string-vertical-1-chromium-linux.png index 5a2abdc13..f92247a8e 100644 Binary files a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-fieldLayout-string-vertical-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-fieldLayout-string-vertical-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-100px-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-100px-1-chromium-linux.png index c35adae82..b0eaef28b 100644 Binary files a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-100px-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-100px-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-auto-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-auto-1-chromium-linux.png index 06a037376..5ac532b53 100644 Binary files a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-auto-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-auto-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-limited-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-limited-1-chromium-linux.png index 508af47c8..81dc345a8 100644 Binary files a/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-limited-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayout.spec.tsx-snapshots/FormLayout-base-visual-labelWidth-string-limited-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx index f46c79680..fb07db9e2 100644 --- a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx +++ b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { expect, test, -} from '@playwright/experimental-ct-react'; +} from '../../../../tests/playwright'; import { customFieldValidationStatesPropTest } from './_propTests/customFieldTests/customFieldValidationStatesPropTest'; import { customFieldLabelAlignmentPropTest } from './_propTests/customFieldTests/customFieldLabelAlignmentPropTest'; import { customFieldRequiredPropTest } from './_propTests/customFieldTests/customFieldRequiredPropTest'; diff --git a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png index da2b8a9a6..d9e34c907 100644 Binary files a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-fieldLayout-string-vertical-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-fieldLayout-string-vertical-1-chromium-linux.png index 8cd1e99e9..d8d7702fb 100644 Binary files a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-fieldLayout-string-vertical-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-fieldLayout-string-vertical-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-required-boolean-false-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-required-boolean-false-1-chromium-linux.png index da2b8a9a6..d9e34c907 100644 Binary files a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-required-boolean-false-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-required-boolean-false-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-required-boolean-true-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-required-boolean-true-1-chromium-linux.png index eb8585823..e88c9992d 100644 Binary files a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-required-boolean-true-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-required-boolean-true-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-invalid-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-invalid-1-chromium-linux.png index 3f3b39b2f..bf349f4de 100644 Binary files a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-invalid-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-invalid-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-valid-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-valid-1-chromium-linux.png index b19b65b12..3c903d6d7 100644 Binary files a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-valid-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-valid-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-valid-disabled-boolean-true-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-valid-disabled-boolean-true-1-chromium-linux.png index b19b65b12..3c903d6d7 100644 Binary files a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-valid-disabled-boolean-true-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-string-valid-disabled-boolean-true-1-chromium-linux.png differ diff --git a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-undefined-disabled-boolean-true-1-chromium-linux.png b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-undefined-disabled-boolean-true-1-chromium-linux.png index da2b8a9a6..d9e34c907 100644 Binary files a/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-undefined-disabled-boolean-true-1-chromium-linux.png and b/src/components/FormLayout/__tests__/FormLayoutCustomField.spec.tsx-snapshots/FormLayoutCustomField-base-visual-validationState-undefined-disabled-boolean-true-1-chromium-linux.png differ diff --git a/src/components/Grid/__tests__/Grid.spec.tsx b/src/components/Grid/__tests__/Grid.spec.tsx index 7f82e4b8f..e72aa7ddc 100644 --- a/src/components/Grid/__tests__/Grid.spec.tsx +++ b/src/components/Grid/__tests__/Grid.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { GridForTest, GridWithFixedCardsHeightForTest, diff --git a/src/components/InputGroup/__tests__/InputGroup.spec.tsx b/src/components/InputGroup/__tests__/InputGroup.spec.tsx index 974b09fa1..c1afcce15 100644 --- a/src/components/InputGroup/__tests__/InputGroup.spec.tsx +++ b/src/components/InputGroup/__tests__/InputGroup.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { InputGroupForTest, InputGroupWithCustomInputPropsForTest, diff --git a/src/components/InputGroup/__tests__/InputGroup.spec.tsx-snapshots/InputGroup-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png b/src/components/InputGroup/__tests__/InputGroup.spec.tsx-snapshots/InputGroup-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png index 8f7d59a0a..1fed764a8 100644 Binary files a/src/components/InputGroup/__tests__/InputGroup.spec.tsx-snapshots/InputGroup-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png and b/src/components/InputGroup/__tests__/InputGroup.spec.tsx-snapshots/InputGroup-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png differ diff --git a/src/components/Modal/__tests__/Modal.spec.tsx b/src/components/Modal/__tests__/Modal.spec.tsx index 915a5924d..01b0efea7 100644 --- a/src/components/Modal/__tests__/Modal.spec.tsx +++ b/src/components/Modal/__tests__/Modal.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { ModalWithInputsForTest, ModalForTest, diff --git a/src/components/Modal/__tests__/ModalCloseButton.spec.tsx b/src/components/Modal/__tests__/ModalCloseButton.spec.tsx index a5a73b23a..b10dd9c1e 100644 --- a/src/components/Modal/__tests__/ModalCloseButton.spec.tsx +++ b/src/components/Modal/__tests__/ModalCloseButton.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { ModalCloseButtonForRefTest, ModalCloseButtonForTest, diff --git a/src/components/Modal/__tests__/ModalContent.spec.tsx b/src/components/Modal/__tests__/ModalContent.spec.tsx index 38e08861e..a75b2c881 100644 --- a/src/components/Modal/__tests__/ModalContent.spec.tsx +++ b/src/components/Modal/__tests__/ModalContent.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { contentPropTest } from './_propTests/contentPropTest'; import { ModalContentForTest, diff --git a/src/components/Modal/__tests__/ModalFooter.spec.tsx b/src/components/Modal/__tests__/ModalFooter.spec.tsx index 03d86dae2..cbc436171 100644 --- a/src/components/Modal/__tests__/ModalFooter.spec.tsx +++ b/src/components/Modal/__tests__/ModalFooter.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { ModalFooterForTest } from './ModalFooter.story'; import { justifyPropTest } from './_propTests/justifyPropTest'; diff --git a/src/components/Modal/__tests__/ModalHeader.spec.tsx b/src/components/Modal/__tests__/ModalHeader.spec.tsx index 3efc732e3..463d72f57 100644 --- a/src/components/Modal/__tests__/ModalHeader.spec.tsx +++ b/src/components/Modal/__tests__/ModalHeader.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { ModalHeaderForTest } from './ModalHeader.story'; import { justifyPropTest } from './_propTests/justifyPropTest'; diff --git a/src/components/Modal/__tests__/ModalTitle.spec.tsx b/src/components/Modal/__tests__/ModalTitle.spec.tsx index d40d0a98f..05c90dbc6 100644 --- a/src/components/Modal/__tests__/ModalTitle.spec.tsx +++ b/src/components/Modal/__tests__/ModalTitle.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { ModalTitleForTest } from './ModalTitle.story'; import { contentPropTest } from './_propTests/contentPropTest'; diff --git a/src/components/Paper/__tests__/Paper.spec.tsx b/src/components/Paper/__tests__/Paper.spec.tsx index a75929e2e..14f7b201a 100644 --- a/src/components/Paper/__tests__/Paper.spec.tsx +++ b/src/components/Paper/__tests__/Paper.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import { PaperForTest } from './Paper.story'; import { mutedPropTest } from './_propTests/mutedPropTest'; diff --git a/src/components/Popover/__tests__/Popover.spec.tsx b/src/components/Popover/__tests__/Popover.spec.tsx index c21b1b69c..71a01f557 100644 --- a/src/components/Popover/__tests__/Popover.spec.tsx +++ b/src/components/Popover/__tests__/Popover.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { PopoverForRefTest, PopoverForTest, diff --git a/src/components/Popover/__tests__/PopoverWrapper.spec.tsx b/src/components/Popover/__tests__/PopoverWrapper.spec.tsx index ca6a0b9e3..5aeccb86c 100644 --- a/src/components/Popover/__tests__/PopoverWrapper.spec.tsx +++ b/src/components/Popover/__tests__/PopoverWrapper.spec.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { expect, test, -} from '@playwright/experimental-ct-react'; +} from '../../../../tests/playwright'; import { PopoverWrapperForTest } from './PopoverWrapper.story'; test.describe('PopoverWrapper', () => { diff --git a/src/components/Radio/__tests__/Radio.spec.tsx b/src/components/Radio/__tests__/Radio.spec.tsx index aa2948470..696d20168 100644 --- a/src/components/Radio/__tests__/Radio.spec.tsx +++ b/src/components/Radio/__tests__/Radio.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import { partialDisabledOptionsPropTest } from './_propTests/partialDisabledOptionsPropTest'; import type { RadioForFormLayoutTestsProps } from './Radio.story'; diff --git a/src/components/ScrollView/__tests__/ScrollView.spec.tsx b/src/components/ScrollView/__tests__/ScrollView.spec.tsx index 9fbb234a3..20a64698c 100644 --- a/src/components/ScrollView/__tests__/ScrollView.spec.tsx +++ b/src/components/ScrollView/__tests__/ScrollView.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import { ScrollViewForDetectEndAutoscrollTest, diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx b/src/components/SelectField/__tests__/SelectField.spec.tsx index 834a3cd51..169b42ec5 100644 --- a/src/components/SelectField/__tests__/SelectField.spec.tsx +++ b/src/components/SelectField/__tests__/SelectField.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import type { SelectFieldForFormLayoutTestsProps } from './SelectField.story'; import { diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-defaultComponentProps-object-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-defaultComponentProps-object-1-chromium-linux.png index 5c442ebc1..6e36e669c 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-defaultComponentProps-object-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-defaultComponentProps-object-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-disabled-boolean-false-86f74-ationState-undefined-variant-string-outline-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-disabled-boolean-false-86f74-ationState-undefined-variant-string-outline-1-chromium-linux.png index 5c442ebc1..6e36e669c 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-disabled-boolean-false-86f74-ationState-undefined-variant-string-outline-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-disabled-boolean-false-86f74-ationState-undefined-variant-string-outline-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-disabled-boolean-false-validationState-undefined-variant-string-filled-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-disabled-boolean-false-validationState-undefined-variant-string-filled-1-chromium-linux.png index 3bff577aa..1797fac96 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-disabled-boolean-false-validationState-undefined-variant-string-filled-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-disabled-boolean-false-validationState-undefined-variant-string-filled-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png index 7a87bd1b9..b57ef7816 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-false-layout-string-vertical-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-false-layout-string-vertical-1-chromium-linux.png index 5c442ebc1..6e36e669c 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-false-layout-string-vertical-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-false-layout-string-vertical-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png index 366785ad7..720ec9bc5 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-true-layout-string-vertical-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-true-layout-string-vertical-1-chromium-linux.png index 2fb5f0546..ddd691297 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-true-layout-string-vertical-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-fullWidth-boolean-true-layout-string-vertical-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-string-validationText-string-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-string-validationText-string-1-chromium-linux.png index 2be87477f..8ac49fe49 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-string-validationText-string-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-string-validationText-string-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-string-validationText-undefined-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-string-validationText-undefined-1-chromium-linux.png index 9e23f9047..29abec9ae 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-string-validationText-undefined-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-string-validationText-undefined-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png index 52bf212fa..7bc6c3a6f 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png index 66ba06ab2..aad21f827 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png index 5c442ebc1..6e36e669c 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-label-node-normal-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-label-node-normal-1-chromium-linux.png index 7ff6733c5..b67e38b21 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-label-node-normal-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-label-node-normal-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-label-string-long-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-label-string-long-1-chromium-linux.png index 13ee9b223..5a6bdf58c 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-label-string-long-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-label-string-long-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-false-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-false-1-chromium-linux.png index 5c442ebc1..6e36e669c 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-false-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-false-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png index 5c442ebc1..6e36e669c 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-true-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-true-1-chromium-linux.png index 85f709495..98337833b 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-true-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-true-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-true-validationState-undefined-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-true-validationState-undefined-1-chromium-linux.png index 85f709495..98337833b 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-true-validationState-undefined-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-renderAsRequired-boolean-true-validationState-undefined-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-false-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-false-1-chromium-linux.png index 5c442ebc1..6e36e669c 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-false-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-false-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-false-validationState-undefined-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-false-validationState-undefined-1-chromium-linux.png index 5c442ebc1..6e36e669c 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-false-validationState-undefined-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-false-validationState-undefined-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-true-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-true-1-chromium-linux.png index 85f709495..98337833b 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-true-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-true-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png index 85f709495..98337833b 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-large-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-large-1-chromium-linux.png index 3bdce730c..2db73f2cb 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-large-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-large-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-medium-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-medium-1-chromium-linux.png index 5c442ebc1..6e36e669c 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-medium-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-medium-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-small-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-small-1-chromium-linux.png index fc2c832a0..00a616b44 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-small-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-base-visual-size-string-small-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png index 81173326f..47ad9fa1d 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-layout-string-horizontal-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-layout-string-horizontal-1-chromium-linux.png index d22a428a6..0dada9d7b 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-layout-string-horizontal-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-layout-string-horizontal-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-layout-string-vertical-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-layout-string-vertical-1-chromium-linux.png index d9d470b74..f6ea703a3 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-layout-string-vertical-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayout-visual-layout-string-vertical-1-chromium-linux.png differ diff --git a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayoutCustomField-visual-label-hidden-1-chromium-linux.png b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayoutCustomField-visual-label-hidden-1-chromium-linux.png index 66ba06ab2..aad21f827 100644 Binary files a/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayoutCustomField-visual-label-hidden-1-chromium-linux.png and b/src/components/SelectField/__tests__/SelectField.spec.tsx-snapshots/SelectField-formLayoutCustomField-visual-label-hidden-1-chromium-linux.png differ diff --git a/src/components/Table/__tests__/Table.spec.tsx b/src/components/Table/__tests__/Table.spec.tsx index 13f5e9cc4..8b8ace618 100644 --- a/src/components/Table/__tests__/Table.spec.tsx +++ b/src/components/Table/__tests__/Table.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { TableForTest } from './Table.story'; import { sortPropTest } from './_propTests/sortPropTest'; diff --git a/src/components/Tabs/__tests__/TabItem.spec.tsx b/src/components/Tabs/__tests__/TabItem.spec.tsx index dbe09b6f3..90ffc3171 100644 --- a/src/components/Tabs/__tests__/TabItem.spec.tsx +++ b/src/components/Tabs/__tests__/TabItem.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { propTests, mixPropTests, + test, } from '../../../../tests/playwright'; import { TabItemForTest } from './TabItem.story'; import { isActivePropTest } from './_propTests/tabItem/isActivePropTest'; diff --git a/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-afterLabel-node-isActive-boolean-false-1-chromium-linux.png b/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-afterLabel-node-isActive-boolean-false-1-chromium-linux.png index 1cea4ca45..6f6599c24 100644 Binary files a/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-afterLabel-node-isActive-boolean-false-1-chromium-linux.png and b/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-afterLabel-node-isActive-boolean-false-1-chromium-linux.png differ diff --git a/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-beforeLabel-node-isActive-boolean-false-1-chromium-linux.png b/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-beforeLabel-node-isActive-boolean-false-1-chromium-linux.png index 388553fa2..98b3e76b8 100644 Binary files a/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-beforeLabel-node-isActive-boolean-false-1-chromium-linux.png and b/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-beforeLabel-node-isActive-boolean-false-1-chromium-linux.png differ diff --git a/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-defaultComponentProps-object-1-chromium-linux.png b/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-defaultComponentProps-object-1-chromium-linux.png index 2cc417578..60739d7c4 100644 Binary files a/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-defaultComponentProps-object-1-chromium-linux.png and b/src/components/Tabs/__tests__/TabItem.spec.tsx-snapshots/TabItem-visual-defaultComponentProps-object-1-chromium-linux.png differ diff --git a/src/components/Tabs/__tests__/Tabs.spec.tsx b/src/components/Tabs/__tests__/Tabs.spec.tsx index d323aa186..967872d18 100644 --- a/src/components/Tabs/__tests__/Tabs.spec.tsx +++ b/src/components/Tabs/__tests__/Tabs.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { getActualFocusedElementText, propTests, + test, } from '../../../../tests/playwright'; import { TabsForTest } from './Tabs.story'; diff --git a/src/components/Text/__tests__/Text.spec.tsx b/src/components/Text/__tests__/Text.spec.tsx index ea85a151a..a236614d3 100644 --- a/src/components/Text/__tests__/Text.spec.tsx +++ b/src/components/Text/__tests__/Text.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { TextForRenderTest, TextForTest, diff --git a/src/components/TextArea/__tests__/TextArea.spec.tsx b/src/components/TextArea/__tests__/TextArea.spec.tsx index 8f63b45d1..f24d2787a 100644 --- a/src/components/TextArea/__tests__/TextArea.spec.tsx +++ b/src/components/TextArea/__tests__/TextArea.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import type { TextAreaForFormLayoutTestsProps } from './TextArea.story'; import { diff --git a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png index 5d167142e..6b095dac5 100644 Binary files a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png and b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png differ diff --git a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png index a2ce7b429..b057a02f7 100644 Binary files a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png and b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png differ diff --git a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png index 5aad6aebe..775ecde52 100644 Binary files a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png and b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png differ diff --git a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png index 24ceda741..ccb13d14d 100644 Binary files a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png and b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png differ diff --git a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-label-string-long-1-chromium-linux.png b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-label-string-long-1-chromium-linux.png index 02c36a2a2..9209f7b8e 100644 Binary files a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-label-string-long-1-chromium-linux.png and b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-label-string-long-1-chromium-linux.png differ diff --git a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-required-boolean-true-1-chromium-linux.png b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-required-boolean-true-1-chromium-linux.png index 567824e2f..3ca120e32 100644 Binary files a/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-required-boolean-true-1-chromium-linux.png and b/src/components/TextArea/__tests__/TextArea.spec.tsx-snapshots/TextArea-base-visual-required-boolean-true-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx b/src/components/TextField/__tests__/TextField.spec.tsx index b905731b6..be11fa9b9 100644 --- a/src/components/TextField/__tests__/TextField.spec.tsx +++ b/src/components/TextField/__tests__/TextField.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import type { TextFieldForFormLayoutTestsProps } from './TextField.story'; import { diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png index c6a110f78..988386e84 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-inputSize-number-24-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-inputSize-number-24-1-chromium-linux.png index 4c2880f4f..a57593d93 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-inputSize-number-24-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-inputSize-number-24-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png index 270e49156..403d8d5d3 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-label-string-long-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-label-string-long-1-chromium-linux.png index 785416f2d..86d07e49c 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-label-string-long-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-label-string-long-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png index 270e49156..403d8d5d3 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png index d07ff486d..ecb50f624 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-large-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-large-1-chromium-linux.png index 50941c28c..76dcee0ad 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-large-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-large-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-medium-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-medium-1-chromium-linux.png index 1fa9aca3a..403d8d5d3 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-medium-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-medium-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-small-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-small-1-chromium-linux.png index f183fc8dc..a86a3a588 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-small-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-size-string-small-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-type-string-number-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-type-string-number-1-chromium-linux.png index 54a0942cc..ed10477b0 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-type-string-number-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-type-string-number-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-type-string-password-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-type-string-password-1-chromium-linux.png index 5abe17dc2..cbee13012 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-type-string-password-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-base-visual-type-string-password-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png index fdbfafb5e..ca116ec26 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png differ diff --git a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-formLayout-visual-layout-string-vertical-1-chromium-linux.png b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-formLayout-visual-layout-string-vertical-1-chromium-linux.png index 51c07055c..3fb8780ed 100644 Binary files a/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-formLayout-visual-layout-string-vertical-1-chromium-linux.png and b/src/components/TextField/__tests__/TextField.spec.tsx-snapshots/TextField-formLayout-visual-layout-string-vertical-1-chromium-linux.png differ diff --git a/src/components/TextLink/__tests__/TextLink.spec.tsx b/src/components/TextLink/__tests__/TextLink.spec.tsx index 205595147..8fab02b1b 100644 --- a/src/components/TextLink/__tests__/TextLink.spec.tsx +++ b/src/components/TextLink/__tests__/TextLink.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { TextLinkForTest } from './TextLink.story'; test.describe('TextLink', () => { diff --git a/src/components/Toggle/__tests__/Toggle.spec.tsx b/src/components/Toggle/__tests__/Toggle.spec.tsx index 50845b4e7..39a2b6249 100644 --- a/src/components/Toggle/__tests__/Toggle.spec.tsx +++ b/src/components/Toggle/__tests__/Toggle.spec.tsx @@ -1,11 +1,9 @@ import React from 'react'; import { expect, - test, -} from '@playwright/experimental-ct-react'; -import { mixPropTests, propTests, + test, } from '../../../../tests/playwright'; import type { ToggleForFormLayoutTestsProps } from './Toggle.story'; import { diff --git a/src/components/Toolbar/__tests__/Toolbar.spec.tsx b/src/components/Toolbar/__tests__/Toolbar.spec.tsx index efb38b7b9..679ae8a81 100644 --- a/src/components/Toolbar/__tests__/Toolbar.spec.tsx +++ b/src/components/Toolbar/__tests__/Toolbar.spec.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { expect, + propTests, test, -} from '@playwright/experimental-ct-react'; -import { propTests } from '../../../../tests/playwright'; +} from '../../../../tests/playwright'; import { ToolbarForTest, ToolbarWithFlexibleItemForTest, diff --git a/tests/playwright/index.ts b/tests/playwright/index.ts index e1afe3223..929a23c10 100644 --- a/tests/playwright/index.ts +++ b/tests/playwright/index.ts @@ -30,6 +30,11 @@ import { requiredPropTest } from './propTests/requiredPropTest'; export { TestIcon } from './components/TestIcon'; +export { + expect, + test, +} from './test'; + export { mixPropTests } from './utils/mixPropTests'; export { getActualFocusedElementText } from './utils/getActualFocusedElementText'; diff --git a/tests/playwright/test.ts b/tests/playwright/test.ts new file mode 100644 index 000000000..9badcad2c --- /dev/null +++ b/tests/playwright/test.ts @@ -0,0 +1,25 @@ +import { test as base } from '@playwright/experimental-ct-react'; + +/** + * Playwright component test with pointer moved out of the viewport after each mount. + * + * Components are mounted in the top left corner of the viewport where the pointer + * rests. Chromium then may apply `:hover` to the mounted component (e.g. to a form + * field whose label is under the pointer), which starts a transition and makes + * snapshots unstable. + */ +export const test = base.extend({ + mount: async ({ + mount, + page, + }, provideMount) => { + await provideMount((async (...mountArguments: Parameters) => { + const mountResult = await mount(...mountArguments); + await page.mouse.move(-1, -1); + + return mountResult; + }) as typeof mount); + }, +}); + +export { expect } from '@playwright/experimental-ct-react';