React UI: Add Unit Testing to Component Template Using Testing Library in MetaMask Design System Monorepo

[georgewrmarshall]

Description

Add unit testing functionality to the component template in the MetaMask design system monorepo. This will involve setting up tests using the React Testing Library to ensure that all UI components are covered by unit tests during development.

Technical Details

• Integrate React Testing Library into the component template within the MetaMask design system monorepo.
• Create example unit tests for the existing component template as a reference for future component development.
• Update the component template to automatically include unit tests for new components.
• Ensure that unit tests are included in the CI pipeline for continuous testing and coverage.
• Provide documentation or examples on writing unit tests for components in the design system.

Acceptance Criteria

• React Testing Library is successfully integrated into the component template.
• New components created using the template automatically include a basic unit test.
• Unit tests should run automatically as part of the CI process, blocking code with failing tests from being merged. - Already does good to check

References

• React Testing Library

[georgewrmarshall]

Has a dependency on the component template

[georgewrmarshall]

Create another ticket: - Documentation and examples on how to write unit tests for components are added to the repository.