bedrich-schindler · Sep 23, 2026 · Sep 23, 2026
@@ -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
@@ -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
@@ -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
@@ -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/...ton.spec.tsx-snapshots/Button-formLayout-visual-horizontal-1-chromium-linux.png b/...ton.spec.tsx-snapshots/Button-formLayout-visual-horizontal-1-chromium-linux.png
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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/...pshots/FormLayout-base-visual-defaultComponentProps-object-1-chromium-linux.png b/...pshots/FormLayout-base-visual-defaultComponentProps-object-1-chromium-linux.png
diff --git a/...shots/FormLayout-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png b/...shots/FormLayout-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png
diff --git a/...apshots/FormLayout-base-visual-fieldLayout-string-vertical-1-chromium-linux.png b/...apshots/FormLayout-base-visual-fieldLayout-string-vertical-1-chromium-linux.png
diff --git a/...x-snapshots/FormLayout-base-visual-labelWidth-string-100px-1-chromium-linux.png b/...x-snapshots/FormLayout-base-visual-labelWidth-string-100px-1-chromium-linux.png
diff --git a/...sx-snapshots/FormLayout-base-visual-labelWidth-string-auto-1-chromium-linux.png b/...sx-snapshots/FormLayout-base-visual-labelWidth-string-auto-1-chromium-linux.png
diff --git a/...snapshots/FormLayout-base-visual-labelWidth-string-limited-1-chromium-linux.png b/...snapshots/FormLayout-base-visual-labelWidth-string-limited-1-chromium-linux.png
diff --git 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/...ayoutCustomField-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png b/...ayoutCustomField-base-visual-fieldLayout-string-horizontal-1-chromium-linux.png
diff --git a/...mLayoutCustomField-base-visual-fieldLayout-string-vertical-1-chromium-linux.png b/...mLayoutCustomField-base-visual-fieldLayout-string-vertical-1-chromium-linux.png
diff --git a/...s/FormLayoutCustomField-base-visual-required-boolean-false-1-chromium-linux.png b/...s/FormLayoutCustomField-base-visual-required-boolean-false-1-chromium-linux.png
diff --git a/...ts/FormLayoutCustomField-base-visual-required-boolean-true-1-chromium-linux.png b/...ts/FormLayoutCustomField-base-visual-required-boolean-true-1-chromium-linux.png
diff --git a/...youtCustomField-base-visual-validationState-string-invalid-1-chromium-linux.png b/...youtCustomField-base-visual-validationState-string-invalid-1-chromium-linux.png
diff --git a/...LayoutCustomField-base-visual-validationState-string-valid-1-chromium-linux.png b/...LayoutCustomField-base-visual-validationState-string-valid-1-chromium-linux.png
diff --git a/...-visual-validationState-string-valid-disabled-boolean-true-1-chromium-linux.png b/...-visual-validationState-string-valid-disabled-boolean-true-1-chromium-linux.png
diff --git a/...ase-visual-validationState-undefined-disabled-boolean-true-1-chromium-linux.png b/...ase-visual-validationState-undefined-disabled-boolean-true-1-chromium-linux.png
diff --git 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
@@ -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/...pshots/InputGroup-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png b/...pshots/InputGroup-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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/...shots/SelectField-base-visual-defaultComponentProps-object-1-chromium-linux.png b/...shots/SelectField-base-visual-defaultComponentProps-object-1-chromium-linux.png
diff --git a/...an-false-86f74-ationState-undefined-variant-string-outline-1-chromium-linux.png b/...an-false-86f74-ationState-undefined-variant-string-outline-1-chromium-linux.png
diff --git a/...lean-false-validationState-undefined-variant-string-filled-1-chromium-linux.png b/...lean-false-validationState-undefined-variant-string-filled-1-chromium-linux.png
diff --git a/...se-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png b/...se-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png
diff --git a/...base-visual-fullWidth-boolean-false-layout-string-vertical-1-chromium-linux.png b/...base-visual-fullWidth-boolean-false-layout-string-vertical-1-chromium-linux.png
diff --git a/...ase-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png b/...ase-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png
diff --git a/...-base-visual-fullWidth-boolean-true-layout-string-vertical-1-chromium-linux.png b/...-base-visual-fullWidth-boolean-true-layout-string-vertical-1-chromium-linux.png
diff --git a/...ectField-base-visual-helpText-string-validationText-string-1-chromium-linux.png b/...ectField-base-visual-helpText-string-validationText-string-1-chromium-linux.png
diff --git a/...Field-base-visual-helpText-string-validationText-undefined-1-chromium-linux.png b/...Field-base-visual-helpText-string-validationText-undefined-1-chromium-linux.png
diff --git a/...Field-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png b/...Field-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png
diff --git a/...shots/SelectField-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png b/...shots/SelectField-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png
diff --git a/...pshots/SelectField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png b/...pshots/SelectField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png
diff --git a/...ec.tsx-snapshots/SelectField-base-visual-label-node-normal-1-chromium-linux.png b/...ec.tsx-snapshots/SelectField-base-visual-label-node-normal-1-chromium-linux.png
diff --git a/...ec.tsx-snapshots/SelectField-base-visual-label-string-long-1-chromium-linux.png b/...ec.tsx-snapshots/SelectField-base-visual-label-string-long-1-chromium-linux.png
diff --git a/...ots/SelectField-base-visual-renderAsRequired-boolean-false-1-chromium-linux.png b/...ots/SelectField-base-visual-renderAsRequired-boolean-false-1-chromium-linux.png
diff --git a/...l-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png b/...l-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png
diff --git a/...hots/SelectField-base-visual-renderAsRequired-boolean-true-1-chromium-linux.png b/...hots/SelectField-base-visual-renderAsRequired-boolean-true-1-chromium-linux.png
diff --git a/...al-renderAsRequired-boolean-true-validationState-undefined-1-chromium-linux.png b/...al-renderAsRequired-boolean-true-validationState-undefined-1-chromium-linux.png
diff --git a/...x-snapshots/SelectField-base-visual-required-boolean-false-1-chromium-linux.png b/...x-snapshots/SelectField-base-visual-required-boolean-false-1-chromium-linux.png
diff --git a/...se-visual-required-boolean-false-validationState-undefined-1-chromium-linux.png b/...se-visual-required-boolean-false-validationState-undefined-1-chromium-linux.png
diff --git a/...sx-snapshots/SelectField-base-visual-required-boolean-true-1-chromium-linux.png b/...sx-snapshots/SelectField-base-visual-required-boolean-true-1-chromium-linux.png
diff --git a/...ase-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png b/...ase-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png
diff --git a/...ec.tsx-snapshots/SelectField-base-visual-size-string-large-1-chromium-linux.png b/...ec.tsx-snapshots/SelectField-base-visual-size-string-large-1-chromium-linux.png
diff --git a/...c.tsx-snapshots/SelectField-base-visual-size-string-medium-1-chromium-linux.png b/...c.tsx-snapshots/SelectField-base-visual-size-string-medium-1-chromium-linux.png
diff --git a/...ec.tsx-snapshots/SelectField-base-visual-size-string-small-1-chromium-linux.png b/...ec.tsx-snapshots/SelectField-base-visual-size-string-small-1-chromium-linux.png
diff --git a/...hots/SelectField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png b/...hots/SelectField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png
diff --git a/...ots/SelectField-formLayout-visual-layout-string-horizontal-1-chromium-linux.png b/...ots/SelectField-formLayout-visual-layout-string-horizontal-1-chromium-linux.png
diff --git a/...shots/SelectField-formLayout-visual-layout-string-vertical-1-chromium-linux.png b/...shots/SelectField-formLayout-visual-layout-string-vertical-1-chromium-linux.png
diff --git a/...hots/SelectField-formLayoutCustomField-visual-label-hidden-1-chromium-linux.png b/...hots/SelectField-formLayoutCustomField-visual-label-hidden-1-chromium-linux.png
diff --git 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
@@ -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/...hots/TabItem-visual-afterLabel-node-isActive-boolean-false-1-chromium-linux.png b/...hots/TabItem-visual-afterLabel-node-isActive-boolean-false-1-chromium-linux.png
diff --git a/...ots/TabItem-visual-beforeLabel-node-isActive-boolean-false-1-chromium-linux.png b/...ots/TabItem-visual-beforeLabel-node-isActive-boolean-false-1-chromium-linux.png
diff --git a/....tsx-snapshots/TabItem-visual-defaultComponentProps-object-1-chromium-linux.png b/....tsx-snapshots/TabItem-visual-defaultComponentProps-object-1-chromium-linux.png
diff --git 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
@@ -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
@@ -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/...se-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png b/...se-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png
diff --git a/...tArea-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png b/...tArea-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png
diff --git a/...napshots/TextArea-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png b/...napshots/TextArea-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png
diff --git a/...snapshots/TextArea-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png b/...snapshots/TextArea-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png
diff --git a/....spec.tsx-snapshots/TextArea-base-visual-label-string-long-1-chromium-linux.png b/....spec.tsx-snapshots/TextArea-base-visual-label-string-long-1-chromium-linux.png
diff --git a/...c.tsx-snapshots/TextArea-base-visual-required-boolean-true-1-chromium-linux.png b/...c.tsx-snapshots/TextArea-base-visual-required-boolean-true-1-chromium-linux.png
diff --git 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/...ase-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png b/...ase-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png
diff --git a/...ec.tsx-snapshots/TextField-base-visual-inputSize-number-24-1-chromium-linux.png b/...ec.tsx-snapshots/TextField-base-visual-inputSize-number-24-1-chromium-linux.png
diff --git a/...napshots/TextField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png b/...napshots/TextField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png
diff --git a/...spec.tsx-snapshots/TextField-base-visual-label-string-long-1-chromium-linux.png b/...spec.tsx-snapshots/TextField-base-visual-label-string-long-1-chromium-linux.png
diff --git a/...l-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png b/...l-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png
diff --git a/...ase-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png b/...ase-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png
diff --git a/...spec.tsx-snapshots/TextField-base-visual-size-string-large-1-chromium-linux.png b/...spec.tsx-snapshots/TextField-base-visual-size-string-large-1-chromium-linux.png
diff --git a/...pec.tsx-snapshots/TextField-base-visual-size-string-medium-1-chromium-linux.png b/...pec.tsx-snapshots/TextField-base-visual-size-string-medium-1-chromium-linux.png
diff --git a/...spec.tsx-snapshots/TextField-base-visual-size-string-small-1-chromium-linux.png b/...spec.tsx-snapshots/TextField-base-visual-size-string-small-1-chromium-linux.png
diff --git a/...pec.tsx-snapshots/TextField-base-visual-type-string-number-1-chromium-linux.png b/...pec.tsx-snapshots/TextField-base-visual-type-string-number-1-chromium-linux.png
diff --git a/...c.tsx-snapshots/TextField-base-visual-type-string-password-1-chromium-linux.png b/...c.tsx-snapshots/TextField-base-visual-type-string-password-1-chromium-linux.png
diff --git a/...pshots/TextField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png b/...pshots/TextField-formLayout-visual-labelWidth-string-100px-1-chromium-linux.png
diff --git a/...apshots/TextField-formLayout-visual-layout-string-vertical-1-chromium-linux.png b/...apshots/TextField-formLayout-visual-layout-string-vertical-1-chromium-linux.png
diff --git 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
@@ -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 {