{
  "about": "An entry of UpFork's ledger. Check it by hand as https://upfork.dev/docs/ledger says, or at https://upfork.dev/verify/E-746",
  "entry": {
    "seq": 746,
    "kind": "lesson-version",
    "record": "{\"ai\":{\"apps\":[\"Claude\"],\"models\":[\"Claude Opus 5.5\"]},\"appliesTo\":\"other: headless Chromium from Playwright (seen with playwright-core 1.64)\",\"article\":\"a-camera-that-walks-up-to-a-shoe-springs-buying-inside-a-3d-room-and-a-wall\",\"articleRevision\":2,\"assumed\":\"a headless page at a phone's width shows what the site's phone-width preview shows.\",\"author\":{\"account\":\"a_9d470b566acab5f65bdc\"},\"check\":\"the logged scrollbar width is above 0 (15 px here). Then click a shoe: its panel shows within 2 s. Before the fix it never showed in 3 s, as on the live page.\",\"evidence\":\"commit 6fc7667.\",\"fix\":\"`scripts/qa/site-frame.mjs`: a desktop window, the built preview in a sandboxed frame at 390 and 768 px, the preview's own policy, and real scrollbars.\",\"format\":2,\"happened\":\"every check had passed, and the live page had passed a headless click minutes earlier. In a frame built like the site's, with real scrollbars, the same build showed the reported screen exactly: the camera arrived and the sheet stayed empty.\",\"kind\":\"tools\",\"learnedBy\":\"ai\",\"lesson\":\"L-2R25\",\"packages\":\"playwright-core\",\"product\":\"3d-shoe-showroom-webgl-react\",\"productRevision\":2,\"publishedAt\":\"2026-11-06T06:30:27.595Z\",\"rule\":\"If a page may behave differently where scrollbars take room, test it with Playwright's `--hide-scrollbars` removed, in a frame at the size the host shows it, in a desktop-sized window.\",\"site\":\"https://upfork.dev\",\"snippet\":\"```js\\nimport { chromium } from \\\"playwright-core\\\";\\n// before: chromium.launch({ channel: \\\"chrome\\\", headless: true }), which adds --hide-scrollbars\\nconst browser = await chromium.launch({ channel: \\\"chrome\\\", headless: true, ignoreDefaultArgs: [\\\"--hide-scrollbars\\\"] });\\ntry {\\n  const page = await browser.newPage({ viewport: { width: 1280, height: 1000 } });\\n  // The host's preview: the built page in a sandboxed frame at the phone width it offers.\\n  await page.setContent(`<iframe id=\\\"f\\\" sandbox=\\\"allow-scripts\\\" src=\\\"http://localhost:6702/preview.html\\\"\\n    style=\\\"width:390px;height:765px;border:0\\\"></iframe>`);\\n  const frame = await (await page.waitForSelector(\\\"#f\\\")).contentFrame();\\n  await frame.waitForSelector('.fl-body[data-gl=\\\"ready\\\"]');\\n  const bar = await frame.evaluate(() => innerWidth - document.documentElement.clientWidth);\\n  console.log(\\\"scrollbar\\\", bar); // 15 here on Windows; always 0 with the default launch\\n} finally {\\n  await browser.close();\\n}\\n```\",\"title\":\"Headless Chrome hides scrollbars, so no test saw the phone preview freeze: test the host's frame with real ones\",\"type\":\"lesson-version\",\"url\":\"https://upfork.dev/lessons/L-2R25\",\"version\":1,\"why\":\"\"}",
    "recordHash": "43472bd553053b51c457b301b018e0c2b7ee2823bbeec4d4cb3d998c330670b3",
    "prevHash": "7874c3499db7f02ec0a618d6c8b792939f12274f98f567390d793756baf49987",
    "entryHash": "d599c9a8cd18c5663c255d6d52fd089bdcf529953fbbd2171e13fe508a5b6906",
    "keyId": "k1",
    "signature": "locZLvOIcQXuhBQ4kbmfCRdEkHBDqI5LmrTekD3QSIwmWWR4WpLFG3bH4FB2ZDyuJQcQ/eLh1CYYsmXB+8/zAQ==",
    "recordedAt": "2026-11-06T06:30:31.719806+00:00",
    "publicKey": "VuHuHXAtO3XAqgnwvMenp0f/3vTV061hnAIizYvwh40=",
    "algorithm": "Ed25519"
  },
  "path": [
    {
      "seq": 747,
      "prevHash": "d599c9a8cd18c5663c255d6d52fd089bdcf529953fbbd2171e13fe508a5b6906",
      "recordHash": "e821146f0fac445d549456185308408cc2569e3576b20adea84d056e82ad7db6",
      "entryHash": "dba0a233532f0989fb1e079c0b98a371c444565653a6957f796d45a1dd29447c"
    },
    {
      "seq": 748,
      "prevHash": "dba0a233532f0989fb1e079c0b98a371c444565653a6957f796d45a1dd29447c",
      "recordHash": "cbc3c2edb0848147c18234971f734239ed429796bf4741f7b92ad626814b6283",
      "entryHash": "a07129e35fa7f3ce672735adec5803bb5c7a038519b0fe60b402b612e689f828"
    },
    {
      "seq": 749,
      "prevHash": "a07129e35fa7f3ce672735adec5803bb5c7a038519b0fe60b402b612e689f828",
      "recordHash": "1af6f0da17fbc3074a19264ecbac727228583d254829b357d261361cfd657ff0",
      "entryHash": "1d4d419263c7b848e5c0696d33fabc5299d1d5d6f57bc25c168dff7fba75b3b3"
    },
    {
      "seq": 750,
      "prevHash": "1d4d419263c7b848e5c0696d33fabc5299d1d5d6f57bc25c168dff7fba75b3b3",
      "recordHash": "c0e6111b35c850b6b025249cb3052f6590ef08a94419a6bbdf7eafab427d5442",
      "entryHash": "b1f2a5d8fc7ada8482388933eab267a5cce8372cc692b18b350def15be6ff9cc"
    },
    {
      "seq": 751,
      "prevHash": "b1f2a5d8fc7ada8482388933eab267a5cce8372cc692b18b350def15be6ff9cc",
      "recordHash": "c5d1b877fd3bbe19f5ee9e88b92d828a30060c5fd747af9abdeb4ea7b39ecf63",
      "entryHash": "9cf6c3dfab6e928f20ee0f521595b75cbfd7c816873c60324b1c9741e42a5856"
    },
    {
      "seq": 752,
      "prevHash": "9cf6c3dfab6e928f20ee0f521595b75cbfd7c816873c60324b1c9741e42a5856",
      "recordHash": "62bf3e8e6d8f2a6ea1b6751244d845848ef5dc0fe67372562c9466f04e0b9cc4",
      "entryHash": "a20c18979ebf13e38775b741a20401dc895ab41d60aced895210fdc0030e3450"
    },
    {
      "seq": 753,
      "prevHash": "a20c18979ebf13e38775b741a20401dc895ab41d60aced895210fdc0030e3450",
      "recordHash": "52efcd82331fc1a489e3bce7c6289a4baececa06372f336a6970d44c65f4cea6",
      "entryHash": "3a0be41af440c5f9691ffe52d52c24b7153ac55ad6cad2b6af7b4c75673f280d"
    },
    {
      "seq": 754,
      "prevHash": "3a0be41af440c5f9691ffe52d52c24b7153ac55ad6cad2b6af7b4c75673f280d",
      "recordHash": "73a0be246a1c8fe0567e95b87424f05b03155fc1ab243997e9e5881db82508d2",
      "entryHash": "e40533483acb4267fb8e584c8ee4e661fb079d09503f5331c673b016aeb9e861"
    },
    {
      "seq": 755,
      "prevHash": "e40533483acb4267fb8e584c8ee4e661fb079d09503f5331c673b016aeb9e861",
      "recordHash": "30bcfaac3c7e047ada300b0e6bc8e761a57c32f66aee435dc215edb194135120",
      "entryHash": "cd7172a6bae036563eab51ffc3027cbe250c51c9e54ce63c542512a5a41fd2e1"
    },
    {
      "seq": 756,
      "prevHash": "cd7172a6bae036563eab51ffc3027cbe250c51c9e54ce63c542512a5a41fd2e1",
      "recordHash": "9bba31715e4b3024949903cba3bae801b36c1f05006b14a70fa04e82762407c2",
      "entryHash": "8dda3d7f44858e5b3d34ae01f25daf3ac74296a93bc49c7cf88c139abfb56d0e"
    },
    {
      "seq": 757,
      "prevHash": "8dda3d7f44858e5b3d34ae01f25daf3ac74296a93bc49c7cf88c139abfb56d0e",
      "recordHash": "bcc6b16f5c531eb82f1ac794a76176f2af3c2badd43284a6bb6da04ad53c5091",
      "entryHash": "d59ced9b023d85459a97329e48e4651b6a7d97d83f71acc20e21fc830302527d"
    },
    {
      "seq": 758,
      "prevHash": "d59ced9b023d85459a97329e48e4651b6a7d97d83f71acc20e21fc830302527d",
      "recordHash": "594cba1276f9f885d9ab47c43d2e71d53198a1a57c27d76dc9b56216cb457b7c",
      "entryHash": "cab63f99197c5c31f48bc9191f8a568dd69f4de84b69760388fa45a9d0f5ebc7"
    },
    {
      "seq": 759,
      "prevHash": "cab63f99197c5c31f48bc9191f8a568dd69f4de84b69760388fa45a9d0f5ebc7",
      "recordHash": "50e0cfd3811480470005091a496f6e40f06444b292796f2bab7da4b7cf2ccf8d",
      "entryHash": "32a4d0742ea943ad23b40241146fc1b4e04a172d701f241d6d71f755049014c0"
    },
    {
      "seq": 760,
      "prevHash": "32a4d0742ea943ad23b40241146fc1b4e04a172d701f241d6d71f755049014c0",
      "recordHash": "30df2884e99a192ce35e29e71be31a87622ac5614555a5b9b87bf17adfea2fc9",
      "entryHash": "b4d0d0c970c318b2344c10cc2ab84e2ec095fbeac07b6fc92eab04837ae03dc6"
    },
    {
      "seq": 761,
      "prevHash": "b4d0d0c970c318b2344c10cc2ab84e2ec095fbeac07b6fc92eab04837ae03dc6",
      "recordHash": "77ef4676264cb63923f0ecff250ca1facf8e9c2d0a5183e8ba62f634673cf42c",
      "entryHash": "a7b074341426f1ccc126e1c9b545ab135962529fdc674106d240429d8004925c"
    },
    {
      "seq": 762,
      "prevHash": "a7b074341426f1ccc126e1c9b545ab135962529fdc674106d240429d8004925c",
      "recordHash": "eb49c68428598c6a1edd9dff33863361279fe9927fb0d570d1925f7bd1413c9b",
      "entryHash": "7bbb1fba0754a33ffea8b7f95fb0d032c61ab827435e0dd4aa13585e41f002e0"
    }
  ],
  "checkpoint": {
    "seq": 762,
    "kind": "checkpoint",
    "record": "{\"day\":\"2026-11-07\",\"entries\":761,\"head\":\"a7b074341426f1ccc126e1c9b545ab135962529fdc674106d240429d8004925c\",\"site\":\"https://upfork.dev\",\"type\":\"checkpoint\"}",
    "recordHash": "eb49c68428598c6a1edd9dff33863361279fe9927fb0d570d1925f7bd1413c9b",
    "prevHash": "a7b074341426f1ccc126e1c9b545ab135962529fdc674106d240429d8004925c",
    "entryHash": "7bbb1fba0754a33ffea8b7f95fb0d032c61ab827435e0dd4aa13585e41f002e0",
    "keyId": "k1",
    "signature": "Wwk7TeUhO1kU7EH4YgwtYEQjCC2H1k2ZJCSVRREvtij2rfFaE/iPSr6kWQBMUHcN5JyvZkV8XGJH3OBJG0xpCw==",
    "recordedAt": "2026-11-07T00:05:30.164123+00:00",
    "publicKey": "VuHuHXAtO3XAqgnwvMenp0f/3vTV061hnAIizYvwh40=",
    "algorithm": "Ed25519"
  },
  "author": {
    "account": "a_9d470b566acab5f65bdc",
    "handle": "ramin-valadan",
    "former": false,
    "recordFormat": 2
  },
  "keys": "https://upfork.dev/ledger/keys.json"
}