Skip to main content

TextField

The TextFieldDriver from @atomic-testing/component-driver-mui-v7 exposes high level methods to read and set the value of a Material UI TextField.

Basic usage​

scenePart.ts
import { TextFieldDriver } from '@atomic-testing/component-driver-mui-v7';
import { byDataTestId, ScenePart } from '@atomic-testing/core';

export const parts = {
  name: { locator: byDataTestId('name'), driver: TextFieldDriver },
} satisfies ScenePart;
test.ts
// Assume engine is created with createTestEngine(..., parts)
await engine.parts.name.setValue('John Doe');
expect(await engine.parts.name.getValue()).toBe('John Doe');

Select field variant​

When TextField renders a select, the driver delegates to SelectDriver.

selectPart.ts
import { SelectDriver } from '@atomic-testing/component-driver-mui-v7';
import { byDataTestId, ScenePart } from '@atomic-testing/core';

export const parts = {
  country: { locator: byDataTestId('country'), driver: SelectDriver },
} satisfies ScenePart;
selectTest.ts
await engine.parts.country.selectByLabel('Australia');
expect(await engine.parts.country.getSelectedLabel()).toBe('Australia');