wix-style-react/src/WixStyleReactEnvironmentProvider/test/WixStyleReactEnvironmentProvider.spec.js

wix-style-react

import React from 'react';
import { createRendererWithUniDriver, cleanup } from '../../../test/utils/unit';

import WixStyleReactEnvironmentProvider from '../WixStyleReactEnvironmentProvider';
import { WixStyleReactEnvironmentContext } from '../context';
import { wixStyleReactEnvironmentProviderDriverFactory } from '../WixStyleReactEnvironmentProvider.private.uni.driver';

describe(WixStyleReactEnvironmentProvider.displayName, () => {
  const render = createRendererWithUniDriver(
    wixStyleReactEnvironmentProviderDriverFactory,
  );

  afterEach(cleanup);

  it('should provide data thorugh its context', async () => {
    const { driver } = render(
      <WixStyleReactEnvironmentProvider locale="es">
        <WixStyleReactEnvironmentContext.Consumer>
          {({ locale }) => (
            <div>
              <div data-hook="locale">{locale}</div>
            </div>
          )}
        </WixStyleReactEnvironmentContext.Consumer>
      </WixStyleReactEnvironmentProvider>,
    );

    expect(
      (await driver.element()).querySelector('[data-hook="locale"]')
        .textContent,
    ).toBe('es');
  });
});