example of separating a builder from renderer

separateBuilderRender.tsx

import { LocalDate } from 'js-joda';
import { ViewInitializer, renderTest } from 'test/testUtils';
import { initialState } from 'state/app';
import AppConstants from 'constants/AppConstants';
import React from 'react';
import WalkinWaitlistActionCard from 'components/business/walkin-waitlist/WalkinWaitlistActionCard';

describe('<WalkinWaitlistActionCard />', () => {
  const defaultBusiness = {
    id: 123,
    domainName: 'testWalkinWaitlist',
    onlineWalkinWaitlistEnabled: true,
  };

  const viewInitializer = ViewInitializer.build()
    .setFeatureFlag('ONLINE_WALKIN_WAITLIST')
    .setStoreState('app', {
      ...initialState,
      config: {
        ...initialState.config,
        business: defaultBusiness,
      },
    });

  it('Shows action card for waitlisted parties', () => {
    const viewInitializer2 = viewInitializer
      .setAction({
        type: AppConstants.WALK_IN_WAITLIST_ADD_DONE,
        payload: {
          businessId: 123,
          partyId: -12,
          serviceDate: LocalDate.now().toString(),
        },
      });  
    const { container } = renderTest(
      <WalkinWaitlistActionCard business={defaultBusiness} className="actionCard-test" />,
      viewInitializer2
    );
    expect(container.firstChild).toMatchSnapshot();
  });
  
  it('does not need an initializer at all for really simple things', () => {
    const { container } = renderTest(<Button>test</Button>);
  })
});