Migrate PointerBox tests from Jest to Vitest #6407
Conversation
|
Co-authored-by: joshblack <[email protected]>
Co-authored-by: joshblack <[email protected]>
Copilot
AI
changed the title
| }) | ||
|
|
||
| it('applies the border color via "borderColor" prop for backwards compatibility', () => { | ||
| expect(render(<PointerBox borderColor="danger.emphasis" />)).toMatchSnapshot() | ||
| expect(render(<PointerBox borderColor="danger.emphasis" theme={theme} />)).toMatchSnapshot() |
There was a problem hiding this comment.
Update this test from a snapshot test to one that is checking that the border color is set correctly
| }) | ||
|
|
||
| it('applies the border color via sx prop', () => { | ||
| expect(render(<PointerBox sx={{borderColor: 'danger.emphasis'}} />)).toMatchSnapshot() | ||
| expect(render(<PointerBox sx={{borderColor: 'danger.emphasis'}} theme={theme} />)).toMatchSnapshot() |
There was a problem hiding this comment.
Update this test from a snapshot test to one that is checking that the border color is set correctly
| const {container} = HTMLRender(<PointerBox />) | ||
| const results = await axe.run(container) | ||
| expect(results).toHaveNoViolations() | ||
| expect(render(<PointerBox theme={theme} />)).toMatchSnapshot() |
| <PointerBox bg="danger.emphasis" /> | ||
| </ThemeProvider>, | ||
| ), | ||
| ).toMatchSnapshot() |
There was a problem hiding this comment.
Update this test from a snapshot test to one that is checking the background color
| }) | ||
|
|
||
| it('applies the background color via sx prop', () => { | ||
| expect(render(<PointerBox sx={{bg: 'danger.emphasis'}} />)).toMatchSnapshot() | ||
| expect( |
There was a problem hiding this comment.
Update this test from a snapshot test to one that is checking the background color
This PR migrates the PointerBox component tests from Jest to Vitest as part of the broader test suite migration effort.
Changes Made
describe,expect,it) and @testing-library/react (render)behavesAsComponentusage (component behavior tests)checkExportsusage (module export validation)toHaveNoViolations(accessibility testing)ThemeProviderwrapper for tests that require styled-components theme context, particularly for background color styling testsrenderStylesfunction (which had Node.js dependencies incompatible with browser tests) with direct DOM manipulation usingwindow.getComputedStyleTest Coverage
All 6 original tests have been successfully migrated and are passing:
borderColorprop (backwards compatibility)sxpropbgprop (backwards compatibility)sxpropbgprop andsxpropThe migration maintains full test functionality while adapting to Vitest's browser-based testing environment.
Fixes #6390.
💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.