Function renderWithHighlightLayout

packages/shared/src/components/Feed.spec.tsx:1792–1907

({
  posts,
  highlightEnabled,
  numCards = 4,
  pageSize = 25,
  adStart = 4,
  adRepeat = 8,
  minSpacing = 5,
  startIndex = 0,
  briefBannerPage,
  staticAd,
  disableAds,
  user = defaultUser,
}: HighlightLayoutRenderParams)

}

const renderWithHighlightLayout = ({
  posts,
  highlightEnabled,
  numCards = 4,
  pageSize = 25,
  adStart = 4,
  adRepeat = 8,
  minSpacing = 5,
  startIndex = 0,
  briefBannerPage,
  staticAd,
  disableAds,
  user = defaultUser,
}: HighlightLayoutRenderParams): RenderResult => {
  variables = { ...defaultVariables, first: pageSize, columns: numCards };
  mockGraphQL(createFeedMock(buildFeedPage(posts)));
  // First ad page uses active=false, subsequent pages use active=true. Mock
  // both up to a handful of refills so multi-ad scenarios don't run dry.
  nock('http://localhost:3000').get('/v1/a?active=false').reply(200, [ad]);
  nock('http://localhost:3000')
    .get('/v1/a?active=true')
    .times(10)
    .reply(200, [ad]);

  const feedContextValue: FeedContextData = {
    pageSize,
    numCards: {
      eco: numCards,
      roomy: numCards,
      cozy: numCards,
    } as FeedContextData['numCards'],
    adTemplate: { adStart, adRepeat },
  };

  const gb = new GrowthBook();
  gb.setFeatures({
    [featureHeroCards.id]: {
      defaultValue: {
        enabled: highlightEnabled,
        minSpacing,
        startIndex,
        chipLabels: {},
      },
    },
    ...(briefBannerPage
      ? {
          [briefFeedEntrypointPage.id]: {
            defaultValue: briefBannerPage,
          },
        }
      : {}),
  });

  const settingsContext: SettingsContextData = {
    ...baseSettingsContext,
    setTheme: jest.fn(),
    setSpaciness: jest.fn(),
    toggleOpenNewTab: jest.fn(),