BRAID
Braid Logo
 

BraidTestProvider

Alternative to BraidProvider for unit test environments.

Alternatives

Specifying a theme

Providing themeName allows you to hardcode a specific theme for a given test context.
import { BraidTestProvider } from 'braid-design-system/test';
import { render } from 'react-testing-library';

it('should do something', () => {
  render(
    <BraidTestProvider themeName="apac">
      ...
    </BraidTestProvider>
  );
});

Specifying a breakpoint

Providing breakpoint allows you to hardcode a specific breakpoint for a given test context.
import { BraidTestProvider } from 'braid-design-system/test';
import { render } from 'react-testing-library';

it('should do something', () => {
  render(
    <BraidTestProvider breakpoint="tablet">
      ...
    </BraidTestProvider>
  );
});