Skip to content

Update Avatar test files from Jest to Vitest #6212

@joshblack

Description

@joshblack

I'm updating test files from Jest to Vitest in the packages/react folder. I've currently migrated some already, you can use packages/react/src/Banner/Banner.test.tsx as an example. I want you to help me migrate test files. When migrating, make sure to:

  • Update packages/react/src/vitest.config.mts to include the component that you're migrating in the include config
  • Update packages/react/src/jest.config.js to exclude the component that you're migrating in the modulePathIgnorePatterns config
  • Remove any behavesAsComponent usage
  • Remove any checkExports usage
  • Remove any tests that make axe assertions with toHaveNoViolations
  • Remove any setupMatchMedia usage
  • Update tests that use render from utils/testing to instead use render from @testing-library/react
  • Use npx vitest --run with the path to the test file you've updated to validate your changes
  • You can update snapshots using npx vitest --run -u with the path to the test file you would like to update snapshots for
  • Do not migrate test files that are for types, these files end with *.types.test.tsx
  • If you run into a test that uses it.skip, you can enable it now that we're moving to vitest

Migrate the following components:

  • Avatar
  • AvatarStack

After migrating all components:

  • Use npx prettier --write with the path to the test files to format the file according to the prettier rules on the project
  • Use npx eslint with the path to the test files you've updated to make sure there are no eslint errors with your changes

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions