Made of little things.

export default async ({ players, check }) => {
  const { page, frame } = players[0],
    element = await frame.frameElement();
  await page.setViewportSize({ width: 1200, height: 750 });
  await element.evaluate((el) =>
    Object.assign(el.style, {
      position: 'fixed',
      top: 0,
      left: 0,
      width: '1200px',
      height: '750px',
      minHeight: 0,
      border: 0,
      zIndex: 9999,
    }),
  );
  await frame.locator('#trackSelect').selectOption('2');
  await frame.getByRole('button', { name: 'Workshop', exact: false }).click();
  const coords = [
    [-38, -24],
    [-6, -29],
    [31, -25],
    [39, 0],
    [16, 8],
    [29, 28],
    [-4, 31],
    [-35, 21],
    [-28, 0],
  ];
  for (const [x, y] of coords) {
    const box = await frame.locator('#plan').boundingBox(),
      scale = Number(await frame.locator('#plan').getAttribute('data-scale'));
    await page.mouse.click(
      box.x + box.width / 2 + x * scale,
      box.y + box.height / 2 + y * scale,
    );
    await frame.locator('#widthInput').fill('20.8');
    await frame.locator('#widthInput').dispatchEvent('input');
  }
  await frame.locator('#allWalls').click();
  await frame.locator('#trackName').scrollIntoViewIfNeeded();
  await page.waitForTimeout(1200);
  await element.screenshot({
    path: '.napplet-space/promotion/filled-corners-workshop.png',
  });
  check(
    'wide elevated hairpins render in the workshop',
    Number(await frame.locator('#scene').getAttribute('data-closed-sections')) >
      0,
  );
};