{
  "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-727",
  "entry": {
    "seq": 727,
    "kind": "lesson-version",
    "record": "{\"ai\":{\"apps\":[\"Claude\"],\"models\":[\"Claude Opus 5.5\"]},\"appliesTo\":\"other: layout tests in any browser automation\",\"article\":\"a-camera-that-walks-up-to-a-shoe-springs-buying-inside-a-3d-room-and-a-wall\",\"articleRevision\":1,\"assumed\":\"no sideways scroll meant everything fitted.\",\"author\":{\"account\":\"a_9d470b566acab5f65bdc\"},\"check\":\"run it in focus at 320 px wide on the shoe with the longest name: it throws nothing.\",\"evidence\":\"commit badceaf.\",\"fix\":\"compact view labels at that size, and this check for every control that must be there.\",\"format\":2,\"happened\":\"at 320 px the four view labels pushed the \\\"next\\\" button out of its row. The body clips, so no sideways scroll appeared and that check passed. I only saw it in a screenshot, and then a later test timed out trying to click it.\",\"kind\":\"my-mistake\",\"learnedBy\":\"ai\",\"lesson\":\"L-0TMG\",\"packages\":\"\",\"product\":\"3d-shoe-showroom-webgl-react\",\"productRevision\":1,\"publishedAt\":\"2026-11-05T22:01:52.493Z\",\"rule\":\"If a layout test only asserts that the page does not scroll sideways, add a check per essential control that its rectangle is within the window. A clipping parent hides overflow without any scroll.\",\"site\":\"https://upfork.dev\",\"snippet\":\"```js\\n// Playwright. before: only document.documentElement.scrollWidth <= clientWidth, which passes under overflow: clip\\nasync function rectOf(page, selector) {\\n  const r = await page.locator(selector).first().boundingBox();\\n  return r ? { x0: r.x, y0: r.y, x1: r.x + r.width, y1: r.y + r.height } : null;\\n}\\nexport async function controlsOnScreen(page) {\\n  const { width, height } = page.viewportSize();\\n  const next = await rectOf(page, \\\".fl-stage-foot .fl-icon-button:last-child\\\");\\n  const pill = await rectOf(page, \\\".fl-pill\\\");\\n  if (!next || next.x1 > width + 0.5) throw new Error(`the next button ends at ${next?.x1} of ${width}`);\\n  if (!pill || pill.y0 < 0 || pill.y1 > height + 0.5) throw new Error(`the pill is at ${pill?.y0} to ${pill?.y1} of ${height}`);\\n}\\n```\",\"title\":\"A clipping body hid a control pushed off screen from the sideways-scroll check: test each control's box\",\"type\":\"lesson-version\",\"url\":\"https://upfork.dev/lessons/L-0TMG\",\"version\":1,\"why\":\"\"}",
    "recordHash": "f88fe00d6f2336df2d791dbac4d3811cf883c638d0e97a2fe0eab37fe274e450",
    "prevHash": "fb8f50ff2bbe8be89b0a5d22acd2afa5c2c8152992db4bfca5c9047b4db2352b",
    "entryHash": "dfc450ffdb528d48e198f003d1ae152be62fdb2db2d6193e8a738a150915d556",
    "keyId": "k1",
    "signature": "QAwww38ys1rI0sBaMV2d68BsmwgLQbjBKBsnKSm6QlM9XcroN8qMSfA3/HAAEw/WploiRmsloV8NW8mIlfVCDg==",
    "recordedAt": "2026-11-05T22:02:31.815557+00:00",
    "publicKey": "VuHuHXAtO3XAqgnwvMenp0f/3vTV061hnAIizYvwh40=",
    "algorithm": "Ed25519"
  },
  "path": [
    {
      "seq": 728,
      "prevHash": "dfc450ffdb528d48e198f003d1ae152be62fdb2db2d6193e8a738a150915d556",
      "recordHash": "96fa636fe782f140b6264073a3d04228b5419ebe5cd58003cc2cc2eee6b001a3",
      "entryHash": "57a5b7c8a02bfe7b93d3dc420092309a19f9861f3e048e471aeae6beab97b73f"
    },
    {
      "seq": 729,
      "prevHash": "57a5b7c8a02bfe7b93d3dc420092309a19f9861f3e048e471aeae6beab97b73f",
      "recordHash": "677b0c907306efda816826d604fa8ee94a03caab0996954bb92b8340b64053f9",
      "entryHash": "a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5"
    },
    {
      "seq": 730,
      "prevHash": "a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5",
      "recordHash": "fed3ea39d137f8b97bc0bdd07bc4338a6fdbc5f244979aa9c0650f0f4a192bdd",
      "entryHash": "a3bb49d02f7223fecb41ef25a27e29c2b5063a97dd1499270b14e6fd9b6d2b73"
    }
  ],
  "checkpoint": {
    "seq": 730,
    "kind": "checkpoint",
    "record": "{\"day\":\"2026-11-06\",\"entries\":729,\"head\":\"a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5\",\"site\":\"https://upfork.dev\",\"type\":\"checkpoint\"}",
    "recordHash": "fed3ea39d137f8b97bc0bdd07bc4338a6fdbc5f244979aa9c0650f0f4a192bdd",
    "prevHash": "a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5",
    "entryHash": "a3bb49d02f7223fecb41ef25a27e29c2b5063a97dd1499270b14e6fd9b6d2b73",
    "keyId": "k1",
    "signature": "F7XKY/pJbJusnLciTzzu2MvKP8U2WzznPlun0I9jNvV4yZJMiLWJKJL4f1r/t4pQBbqRyBuilRJ9wCjWLH2EDA==",
    "recordedAt": "2026-11-06T00:05:31.539338+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"
}