example test renderer syntax

testRenderer.tsx

describe('<WalkinWaitlistActionCard />', () => {
  const defaultBusiness = {
    id: 123,
    domainName: 'testWalkinWaitlist',
    onlineWalkinWaitlistEnabled: true,
  };
  function createBaseTestRenderer() {
    return testRender()
      .enableFeatureFlag(['ONLINE_WALKIN_WAITLIST', 'ONLINE_WALKIN_WAITLIST_POSITION'])
      .setStoreState('app', {
        ...initialAppState,
        config: {
          ...initialAppState.config,
          business: defaultBusiness,
        },
      });
  }

  it('Shows action card for waitlisted parties', () => {
    const { container } = createBaseTestRenderer()
      .dispatchAction({
        type: AppConstants.WALK_IN_WAITLIST_ADD_DONE,
        payload: {
          businessId: 123,
          partyId: -12,
          serviceDate: LocalDate.now().toString(),
        },
      })
      .render(<WalkinWaitlistActionCard business={defaultBusiness} className="actionCard-test" />);

    expect(container.firstChild).toMatchSnapshot();
  });

  it('Shows action card for non-waitlisted parties', () => {
    const { container } = createBaseTestRenderer().render(
      <WalkinWaitlistActionCard business={defaultBusiness} className="actionCard-test" />
    );

    expect(container.firstChild).toMatchSnapshot();
  });
});