[{"data":1,"prerenderedAt":682},["ShallowReactive",2],{"SiteFooter_cLEacilcm59lTjFJjLY6mXNWLL0ETtzOIiZwIHgDpy0":3,"gallery":17,"editor-erncwf":73,"editor-mgmmky":76,"editor-1s9vrss":78,"editor-1hj7k6k":80,"gallery-\u002Fgallery\u002Flayout":82,"gallery-\u002Fgallery\u002Ffeatures":138,"gallery-\u002Fgallery\u002Factions":173,"gallery-\u002Fgallery\u002Fcode":216,"editor-bih921":378,"editor-1dzoagv":380,"editor-hlwuil":382,"gallery-\u002Fgallery\u002Fterminal":385,"gallery-\u002Fgallery\u002Fsplit":407,"editor-4yoyjm":478,"editor-1kfo3jj":480,"gallery-\u002Fgallery\u002Fcallouts":482,"gallery-\u002Fgallery\u002Frotating-title":515,"gallery-\u002Fgallery\u002Fcomparison":565,"editor-2i1l34":588,"editor-142bmq9":590,"gallery-\u002Fgallery\u002Fhero":592,"gallery-\u002Fgallery\u002Fcontributors":633,"CoreTeamBody_mv3RY1lLnhPCgdoRdOfIsWGe99ZEwd1yCghua0Qz3M":674},["Island",4],{"key":5,"result":6},"SiteFooter_cLEacilcm59lTjFJjLY6mXNWLL0ETtzOIiZwIHgDpy0",{"head":7},{"style":8},[9,11,13,15],{"innerHTML":10},".site-footer[data-v-8bb1d4ae]{border-top:1px solid var(--line);background:var(--chrome);padding:var(--sp-8) var(--gutter) var(--sp-10);gap:var(--sp-6);flex-direction:column;display:flex}.links[data-v-8bb1d4ae]{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));max-width:62rem;display:grid}.links a[data-v-8bb1d4ae]{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3);border-bottom:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);border:1px solid var(--line);display:flex}.links a[data-v-8bb1d4ae]:focus-visible,.links a[data-v-8bb1d4ae]:hover{border-color:var(--line-strong)}.links[data-v-8bb1d4ae] .mark,.links[data-v-8bb1d4ae] .rf-mark{width:1.35rem;height:1.35rem;color:var(--dim);flex:none;margin-top:.1rem}.links a[data-v-8bb1d4ae]:hover .mark,.links a[data-v-8bb1d4ae]:hover .rf-mark{color:var(--red)}.links span[data-v-8bb1d4ae]{flex-direction:column;gap:2px;min-width:0;display:flex}.links b[data-v-8bb1d4ae]{font-family:var(--font-display);font-size:.85rem;font-weight:400}.links small[data-v-8bb1d4ae]{color:var(--faint);font-size:.78rem}.colophon[data-v-8bb1d4ae]{color:var(--faint);margin:0;font-size:.75rem}@supports (corner-shape:bevel){.links a[data-v-8bb1d4ae]{corner-shape:bevel}}",{"innerHTML":12},".mark[data-v-cc0d96a5]{vertical-align:-.125em;flex:none;width:1em;height:1em}",{"innerHTML":14},".mark[data-v-26f5673d]{vertical-align:-.125em;flex:none;width:1em;height:1em}",{"innerHTML":16},".rf-mark[data-v-26317b3e]{fill:currentColor;stroke:none;flex:none}",[18,23,28,33,38,43,48,53,58,63,68],{"path":19,"title":20,"description":21,"order":22},"\u002Fgallery\u002Factions","Actions and figures","Buttons and a row of statistics. Both are inline components.",3,{"path":24,"title":25,"description":26,"order":27},"\u002Fgallery\u002Fcallouts","Callouts and tables","Three kinds of aside, and a table authored in frontmatter.",7,{"path":29,"title":30,"description":31,"order":32},"\u002Fgallery\u002Fcode","Code","A fence is an editor. Several fences in a wrapper become one tabbed editor.",4,{"path":34,"title":35,"description":36,"order":37},"\u002Fgallery\u002Fcomparison","Comparison","Two real files side by side, read from examples\u002F at build time, with an expandable divider and structural notes underneath.",9,{"path":39,"title":40,"description":41,"order":42},"\u002Fgallery\u002Fcontributors","Contributors","The core team and the full contributor wall, both generated from the library's all-contributors data.",11,{"path":44,"title":45,"description":46,"order":47},"\u002Fgallery\u002Ffeatures","Feature grid","A plain Markdown list, laid out in columns with a marker.",2,{"path":49,"title":50,"description":51,"order":52},"\u002Fgallery\u002Fhero","Page hero","The top of a landing page — logo, headline, lede, and whatever you put under it.",10,{"path":54,"title":55,"description":56,"order":57},"\u002Fgallery\u002Flayout","Layout","Sections, grids and cards. These nest — a grid inside a section, cards inside a grid.",1,{"path":59,"title":60,"description":61,"order":62},"\u002Fgallery\u002Frotating-title","Rotating title","A headline that cycles through alternatives, decoding each one out of the last. Starts on a random line, pauses on hover, and does nothing at all under prefers-reduced-motion.",8,{"path":64,"title":65,"description":66,"order":67},"\u002Fgallery\u002Fsplit","Split panes","Two panes, either expandable to 75%. Generic — the panes hold anything, not only code.",6,{"path":69,"title":70,"description":71,"order":72},"\u002Fgallery\u002Fterminal","Terminal","Literal shell only. Structured, because prompts, output and result lines are different things.",5,[74,75],"\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF6B5E;font-weight:bold\">*** Settings ***\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#C9A6E9\">Library\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    Browser\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF6B5E;font-weight:bold\">*** Test Cases ***\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Sign In\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    New Page\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">      https:\u002F\u002Fexample.com\u002Flogin\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line is-marked\">\u003Cspan style=\"color:#A9B4BA\">    ${\u003C\u002Fspan>\u003Cspan style=\"color:#FFB86B\">user\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">}\u003C\u002Fspan>\u003Cspan style=\"color:#FF6B5E\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">     Set Variable\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    admin\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line is-marked\">\u003Cspan style=\"color:#2BD9CC\">    Fill Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">     id=user\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">    ${\u003C\u002Fspan>\u003Cspan style=\"color:#FFB86B\">user\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Fill Secret\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">   id=pass\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    $PASSWORD\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Click\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">         text=Sign in\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Get Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">      h1\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    ==\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    Welcome\u003C\u002Fspan>\u003C\u002Fspan>","\u003Cspan class=\"line\">\u003Cspan style=\"color:#C9A6E9\">from\u003C\u002Fspan>\u003Cspan style=\"color:#E2E1D7\"> Browser \u003C\u002Fspan>\u003Cspan style=\"color:#C9A6E9\">import\u003C\u002Fspan>\u003Cspan style=\"color:#E2E1D7\"> Browser\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E1D7\">browser \u003C\u002Fspan>\u003Cspan style=\"color:#FF6B5E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\"> Browser\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">()\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">def\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\"> test_sign_in\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">():\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E1D7\">    browser\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">new_page\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">https:\u002F\u002Fexample.com\u002Flogin\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E1D7\">    browser\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">fill_text\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">id=user\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">admin\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E1D7\">    browser\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">click\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">text=Sign in\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E1D7\">    browser\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">get_text\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">h1\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">==\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">Welcome\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>",[77],"\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">New Page\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">      https:\u002F\u002Fexample.com\u002Flogin\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Click\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">         text=Sign in\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Get Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">      h1    ==    Welcome\u003C\u002Fspan>\u003C\u002Fspan>",[79],"\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF6B5E;font-weight:bold\">*** Settings ***\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#C9A6E9\">Library\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    Browser\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF6B5E;font-weight:bold\">*** Test Cases ***\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Sign In\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    New Page\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">     https:\u002F\u002Fexample.com\u002Flogin\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Fill Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    id=user\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    admin\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Get Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">     h1\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    ==\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    Welcome\u003C\u002Fspan>\u003C\u002Fspan>",[81],"\u003Cspan class=\"line\">\u003Cspan style=\"color:#C9A6E9\">import\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> {\u003C\u002Fspan>\u003Cspan style=\"color:#FFB86B\"> test\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#FFB86B\"> expect\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> }\u003C\u002Fspan>\u003Cspan style=\"color:#C9A6E9\"> from\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> '\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">@playwright\u002Ftest\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">;\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">test\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">sign in\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#C9A6E9\"> async\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> ({\u003C\u002Fspan>\u003Cspan style=\"color:#E2E1D7\"> page \u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">})\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> {\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#C9A6E9\">  await\u003C\u002Fspan>\u003Cspan style=\"color:#FFB86B\"> page\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">goto\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A9B4BA\">    '\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">https:\u002F\u002Fexample.com\u002Flogin\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A9B4BA\">  );\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#C9A6E9\">  await\u003C\u002Fspan>\u003Cspan style=\"color:#FFB86B\"> page\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">fill\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">#user\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> '\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">admin\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">);\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#C9A6E9\">  await\u003C\u002Fspan>\u003Cspan style=\"color:#FFB86B\"> page\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">click\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">text=Sign in\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">);\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#C9A6E9\">  await\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\"> expect\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FFB86B\">    page\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">locator\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">h1\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A9B4BA\">  ).\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">toHaveText\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">Welcome\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">);\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A9B4BA\">});\u003C\u002Fspan>\u003C\u002Fspan>",{"id":83,"title":55,"body":84,"description":56,"extension":132,"meta":133,"navigation":134,"order":57,"path":54,"seo":135,"stem":136,"__hash__":137},"gallery\u002Fgallery\u002Flayout.md",{"type":85,"value":86,"toc":129},"minimark",[87],[88,89,92,101],"page-section",{"label":90,"title":91},"Eyebrow label","A section heading",[93,94,95,96,100],"p",{},"A section owns its own padding and bottom rule, so a page is just a stack of\nthem. ",[97,98,99],"code",{},"tone=\"panel\""," tints it, for alternating bands.",[102,103,105,115,122],"card-grid",{"min":104},"14rem",[106,107,109],"card",{"title":108},"Plain card",[93,110,111,112,114],{},"No accent. Body is Markdown, so links and ",[97,113,97],{}," work.",[106,116,119],{"title":117,"accent":118},"Green accent","green",[93,120,121],{},"The accent is painted rather than bordered, so it follows the bevel.",[106,123,126],{"title":124,"accent":125},"Red accent","red",[93,127,128],{},"Use red for something actionable, green for something structural.",{"title":130,"searchDepth":47,"depth":47,"links":131},"",[],"md",{},true,{"title":55,"description":56},"gallery\u002Flayout","DHryFJPaXNSiY68jiuhwLfOW6FwFzSgsJqi85kYYQEo",{"id":139,"title":45,"body":140,"description":46,"extension":132,"meta":169,"navigation":134,"order":47,"path":44,"seo":170,"stem":171,"__hash__":172},"gallery\u002Fgallery\u002Ffeatures.md",{"type":85,"value":141,"toc":167},[142],[143,144,145],"feature-grid",{},[146,147,148,152,155,158,161,164],"ul",{},[149,150,151],"li",{},"Conscientious assertions",[149,153,154],{},"Precise and fast browser window and tab control",[149,156,157],{},"Chainable selector strategies",[149,159,160],{},"Good shadow DOM support",[149,162,163],{},"Simple descriptors for mobile devices",[149,165,166],{},"Sending HTTP requests",{"title":130,"searchDepth":47,"depth":47,"links":168},[],{},{"title":45,"description":46},"gallery\u002Ffeatures","UXp-5w9nMXHae71jkmQxNfdFoAHiZWRj0jX-HuhZpgk",{"id":174,"title":20,"body":175,"description":21,"extension":132,"meta":212,"navigation":134,"order":22,"path":19,"seo":213,"stem":214,"__hash__":215},"gallery\u002Fgallery\u002Factions.md",{"type":85,"value":176,"toc":210},[177,194],[178,179,180,186,190],"btn-row",{},[181,182,185],"btn",{"to":183,":primary":184},"\u002Fkeywords","true","Primary action",[181,187,189],{"to":188},"\u002Fwhy","Secondary",[181,191,193],{"to":192},"https:\u002F\u002Fgithub.com\u002FMarketSquare\u002Frobotframework-browser","External, opens in a new tab",[195,196,197,202,206],"stat-row",{},[198,199,201],"stat",{"value":200},"151","keywords",[198,203,205],{"value":204},"3","engines",[198,207,209],{"value":208},"0","sleeps",{"title":130,"searchDepth":47,"depth":47,"links":211},[],{},{"title":20,"description":21},"gallery\u002Factions","-wY1Td1WEMbJW9G2Zxlal9ssuh8sdVSBNWegKhfl5c8",{"id":217,"title":30,"body":218,"description":31,"extension":132,"meta":374,"navigation":134,"order":32,"path":29,"seo":375,"stem":376,"__hash__":377},"gallery\u002Fgallery\u002Fcode.md",{"type":85,"value":219,"toc":372},[220,223,243,246,284,291,368],[93,221,222],{},"A plain fence renders as an editor with no chrome:",[224,225,229],"pre",{"className":226,"code":227,"language":228,"meta":130,"style":130},"language-robot-repl shiki shiki-themes github-light github-dark","Click       text=Sign in\nGet Text    h1    ==    Welcome\n","robot-repl",[97,230,231,238],{"__ignoreMap":130},[232,233,235],"span",{"class":234,"line":57},"line",[232,236,237],{},"Click       text=Sign in\n",[232,239,240],{"class":234,"line":47},[232,241,242],{},"Get Text    h1    ==    Welcome\n",[93,244,245],{},"Naming the file in the fence info string gives it a tab:",[224,247,252],{"className":248,"code":249,"filename":250,"language":251,"meta":130,"style":130},"language-robot shiki shiki-themes github-light github-dark","*** Settings ***\nLibrary    Browser\n\n*** Test Cases ***\nSign In\n    Click    text=Sign in\n","login.robot","robot",[97,253,254,259,264,269,274,279],{"__ignoreMap":130},[232,255,256],{"class":234,"line":57},[232,257,258],{},"*** Settings ***\n",[232,260,261],{"class":234,"line":47},[232,262,263],{},"Library    Browser\n",[232,265,266],{"class":234,"line":22},[232,267,268],{"emptyLinePlaceholder":134},"\n",[232,270,271],{"class":234,"line":32},[232,272,273],{},"*** Test Cases ***\n",[232,275,276],{"class":234,"line":72},[232,277,278],{},"Sign In\n",[232,280,281],{"class":234,"line":67},[232,282,283],{},"    Click    text=Sign in\n",[93,285,286,287,290],{},"Several fences inside ",[97,288,289],{},"::code-tabs"," become one editor with a tab each — the\ncode stays in the body, where it is readable and editable:",[292,293,294,322],"code-tabs",{},[224,295,297],{"className":248,"code":296,"filename":250,"language":251,"meta":130,"style":130},"*** Test Cases ***\nSign In\n    New Page     https:\u002F\u002Fexample.com\u002Flogin\n    Fill Text    id=user    admin\n    Get Text     h1    ==    Welcome\n",[97,298,299,303,307,312,317],{"__ignoreMap":130},[232,300,301],{"class":234,"line":57},[232,302,273],{},[232,304,305],{"class":234,"line":47},[232,306,278],{},[232,308,309],{"class":234,"line":22},[232,310,311],{},"    New Page     https:\u002F\u002Fexample.com\u002Flogin\n",[232,313,314],{"class":234,"line":32},[232,315,316],{},"    Fill Text    id=user    admin\n",[232,318,319],{"class":234,"line":72},[232,320,321],{},"    Get Text     h1    ==    Welcome\n",[224,323,328],{"className":324,"code":325,"filename":326,"language":327,"meta":130,"style":130},"language-python shiki shiki-themes github-light github-dark","from Browser import Browser\n\nbrowser = Browser()\n\ndef test_sign_in():\n    browser.new_page(\"https:\u002F\u002Fexample.com\u002Flogin\")\n    browser.fill_text(\"id=user\", \"admin\")\n    browser.get_text(\"h1\", \"==\", \"Welcome\")\n","test_login.py","python",[97,329,330,335,339,344,348,353,358,363],{"__ignoreMap":130},[232,331,332],{"class":234,"line":57},[232,333,334],{},"from Browser import Browser\n",[232,336,337],{"class":234,"line":47},[232,338,268],{"emptyLinePlaceholder":134},[232,340,341],{"class":234,"line":22},[232,342,343],{},"browser = Browser()\n",[232,345,346],{"class":234,"line":32},[232,347,268],{"emptyLinePlaceholder":134},[232,349,350],{"class":234,"line":72},[232,351,352],{},"def test_sign_in():\n",[232,354,355],{"class":234,"line":67},[232,356,357],{},"    browser.new_page(\"https:\u002F\u002Fexample.com\u002Flogin\")\n",[232,359,360],{"class":234,"line":27},[232,361,362],{},"    browser.fill_text(\"id=user\", \"admin\")\n",[232,364,365],{"class":234,"line":62},[232,366,367],{},"    browser.get_text(\"h1\", \"==\", \"Welcome\")\n",[369,370,371],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":130,"searchDepth":47,"depth":47,"links":373},[],{},{"title":30,"description":31},"gallery\u002Fcode","erv9C0ZJIbsqWGE8McDnyJi_pobMZ6NkuhcaJ-ZS7KI",[379],"\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Click\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">       text=Sign in\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Get Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    h1    ==    Welcome\u003C\u002Fspan>\u003C\u002Fspan>",[381],"\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF6B5E;font-weight:bold\">*** Settings ***\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#C9A6E9\">Library\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    Browser\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF6B5E;font-weight:bold\">*** Test Cases ***\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Sign In\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Click\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    text=Sign in\u003C\u002Fspan>\u003C\u002Fspan>",[383,384],"\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF6B5E;font-weight:bold\">*** Test Cases ***\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Sign In\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    New Page\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">     https:\u002F\u002Fexample.com\u002Flogin\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Fill Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    id=user\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    admin\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Get Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">     h1\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    ==\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    Welcome\u003C\u002Fspan>\u003C\u002Fspan>","\u003Cspan class=\"line\">\u003Cspan style=\"color:#C9A6E9\">from\u003C\u002Fspan>\u003Cspan style=\"color:#E2E1D7\"> Browser \u003C\u002Fspan>\u003Cspan style=\"color:#C9A6E9\">import\u003C\u002Fspan>\u003Cspan style=\"color:#E2E1D7\"> Browser\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E1D7\">browser \u003C\u002Fspan>\u003Cspan style=\"color:#FF6B5E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\"> Browser\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">()\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">def\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\"> test_sign_in\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">():\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E1D7\">    browser\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">new_page\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">https:\u002F\u002Fexample.com\u002Flogin\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E1D7\">    browser\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">fill_text\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">id=user\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">admin\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E1D7\">    browser\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">get_text\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">h1\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">==\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">Welcome\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>",{"id":386,"title":70,"body":387,"description":71,"extension":132,"meta":403,"navigation":134,"order":72,"path":69,"seo":404,"stem":405,"__hash__":406},"gallery\u002Fgallery\u002Fterminal.md",{"type":85,"value":388,"toc":401},[389,393],[390,391],"terminal-block",{":sessions":392},"[{\"shell\":\"bash\",\"steps\":[{\"command\":\"pip install robotframework-browser\",\"output\":[\"Successfully installed robotframework-browser\"]},{\"command\":\"rfbrowser init\",\"status\":[{\"ok\":true,\"text\":\"chromium downloaded\"},{\"ok\":false,\"text\":\"webkit failed — see rfbrowser.log\"}]}]},{\"shell\":\"powershell\",\"steps\":[{\"command\":\"py -m pip install robotframework-browser\"}]}]",[93,394,395,396,400],{},"Unlike code, a terminal block stays structured. The prompt is not selectable,\nso copying yields runnable commands; output and result lines are styled\ndifferently because they ",[397,398,399],"em",{},"are"," different. Supplying more than one shell gives\ntabs that preselect the reader's own OS.",{"title":130,"searchDepth":47,"depth":47,"links":402},[],{},{"title":70,"description":71},"gallery\u002Fterminal","FdLdnYeLqDQQiI7eMJnSj8KZa6Pahb5M_57Upcl2iWQ",{"id":408,"title":65,"body":409,"description":66,"extension":132,"meta":474,"navigation":134,"order":67,"path":64,"seo":475,"stem":476,"__hash__":477},"gallery\u002Fgallery\u002Fsplit.md",{"type":85,"value":410,"toc":472},[411,467,470],[412,413,417,450],"split-panes",{":notes":414,"left":415,"right":416},"[\"No draggable divider\",\"Works without JavaScript\",\"Stacks below 640px\"]","Before","After",[418,419,420],"template",{"v-slot:left":130},[224,421,423],{"className":226,"code":422,"language":228,"meta":130,"style":130},"Wait Until Element Is Visible    id=user\nSleep    1s\nInput Text    id=user    admin\n${text}=    Get Text    h1\nShould Be Equal    ${text}    Welcome\n",[97,424,425,430,435,440,445],{"__ignoreMap":130},[232,426,427],{"class":234,"line":57},[232,428,429],{},"Wait Until Element Is Visible    id=user\n",[232,431,432],{"class":234,"line":47},[232,433,434],{},"Sleep    1s\n",[232,436,437],{"class":234,"line":22},[232,438,439],{},"Input Text    id=user    admin\n",[232,441,442],{"class":234,"line":32},[232,443,444],{},"${text}=    Get Text    h1\n",[232,446,447],{"class":234,"line":72},[232,448,449],{},"Should Be Equal    ${text}    Welcome\n",[418,451,452],{"v-slot:right":130},[224,453,455],{"className":226,"code":454,"language":228,"meta":130,"style":130},"Fill Text    id=user    admin\nGet Text     h1    ==    Welcome\n",[97,456,457,462],{"__ignoreMap":130},[232,458,459],{"class":234,"line":57},[232,460,461],{},"Fill Text    id=user    admin\n",[232,463,464],{"class":234,"line":47},[232,465,466],{},"Get Text     h1    ==    Welcome\n",[93,468,469],{},"Click ⤢ on either pane to expand it; ⤡ restores parity. The narrow pane is\nnever hidden — keeping both visible is the point.",[369,471,371],{},{"title":130,"searchDepth":47,"depth":47,"links":473},[],{},{"title":65,"description":66},"gallery\u002Fsplit","f3ZrLBMX4tLs-qouW_0g6_i1VfRFpOu-2aNdW1cX0mg",[479],"\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Wait Until Element Is Visible\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    id=user\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Sleep\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    1s\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Input Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    id=user    admin\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A9B4BA\">${\u003C\u002Fspan>\u003Cspan style=\"color:#FFB86B\">text\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">}\u003C\u002Fspan>\u003Cspan style=\"color:#FF6B5E\">=\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">    Get Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    h1\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Should Be Equal\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">    ${\u003C\u002Fspan>\u003Cspan style=\"color:#FFB86B\">text\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">}\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    Welcome\u003C\u002Fspan>\u003C\u002Fspan>",[481],"\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Fill Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    id=user    admin\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">Get Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">     h1    ==    Welcome\u003C\u002Fspan>\u003C\u002Fspan>",{"id":483,"title":25,"body":484,"description":26,"extension":132,"meta":511,"navigation":134,"order":27,"path":24,"seo":512,"stem":513,"__hash__":514},"gallery\u002Fgallery\u002Fcallouts.md",{"type":85,"value":485,"toc":509},[486,492,498,504],[487,488,489],"doc-note",{},[93,490,491],{},"Worth knowing, but not urgent.",[487,493,495],{"kind":494},"warning",[93,496,497],{},"This will bite you. Used for footguns and data loss.",[487,499,501],{"kind":500},"aside",[93,502,503],{},"Context or a dissenting view — not instruction.",[505,506],"doc-table",{":head":507,":rows":508},"[\"Component\",\"Body is\",\"Use for\"]","[[\"`::code-tabs`\",\"Fenced blocks\",\"Several files as tabs\"],[\"`::terminal-block`\",\"Frontmatter\",\"Shell sessions\"],[\"`::split-panes`\",\"Two named slots\",\"Anything side by side\"]]",{"title":130,"searchDepth":47,"depth":47,"links":510},[],{},{"title":25,"description":26},"gallery\u002Fcallouts","4FLrFyqzczoZlGQcd6VYNtz1GMk59ktQ7_3gxp700UY",{"id":516,"title":60,"body":517,"description":61,"extension":132,"meta":561,"navigation":134,"order":62,"path":59,"seo":562,"stem":563,"__hash__":564},"gallery\u002Fgallery\u002Frotating-title.md",{"type":85,"value":518,"toc":559},[519,524,527],[520,521],"rotating-title",{":every":522,":titles":523},"3000","[\"Browser automation that doesn't flake.\",\"Browser automation that doesn't suck.\",\"Browser automation\\nbroken where you want it.\",\"Browser automation that sees shadow DOM.\"]",[93,525,526],{},"Shown here at three seconds; the landing page holds each headline for five.\nOnly the characters that differ from the previous headline scramble — which is\nwhy \"Browser automation\" sits still.",[93,528,529,530,534,535,538,539,542,543,546,547,550,551,554,555,558],{},"The third headline shows a ",[531,532,533],"strong",{},"deliberate line break",": ",[97,536,537],{},"\\n"," in the string breaks\nthe line there rather than wherever the column runs out. It works the same way\nin ",[97,540,541],{},"::page-hero","'s ",[97,544,545],{},"#title"," and in ",[97,548,549],{},"::page-section{title=\"…\"}",", and it is\nrendered with ",[97,552,553],{},"white-space: pre-line"," rather than a ",[97,556,557],{},"\u003Cbr>",", so the headline\nstays one string — which is what lets the scramble measure and diff it.",{"title":130,"searchDepth":47,"depth":47,"links":560},[],{},{"title":60,"description":61},"gallery\u002Frotating-title","EjqOd7wdYJaEIqyolLofh3h8HwUqsGo51xx8s89Lgr4",{"id":566,"title":35,"body":567,"description":36,"extension":132,"meta":584,"navigation":134,"order":37,"path":34,"seo":585,"stem":586,"__hash__":587},"gallery\u002Fgallery\u002Fcomparison.md",{"type":85,"value":568,"toc":582},[569,575],[570,571],"comparison",{":notes":572,"left":573,"right":574},"[\"Each pane keeps its own language and its own horizontal scroll.\",\"The line count is stated as a measurement; the notes are prose, so they are set in body type rather than the display face.\"]","comparison\u002Fcypress\u002Ftest.robot","comparison\u002Fcypress\u002Ftest.cy.js",[93,576,577,578,581],{},"The filenames and languages come from the paths — a tab cannot disagree with\nthe file it shows. ",[97,579,580],{},"notes"," is optional; the line count is added for you.",{"title":130,"searchDepth":47,"depth":47,"links":583},[],{},{"title":35,"description":36},"gallery\u002Fcomparison","wxntcN8Hq9pVD5qsDALFHpiRUNeqTWSDLr9g2pk_VM8",[589],"\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF6B5E;font-weight:bold\">*** Settings ***\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#C9A6E9\">Library\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">     Browser\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003C\u002Fspan>\u003Cspan class=\"line\">\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FF6B5E;font-weight:bold\">*** Test Cases ***\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">My First Test\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E2E1D7\">    [\u003C\u002Fspan>\u003Cspan style=\"color:#C9A6E9\">Documentation\u003C\u002Fspan>\u003Cspan style=\"color:#E2E1D7\">]    \u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">Gets,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> types\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> and\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> asserts\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    New Page\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    https:\u002F\u002Fexample.cypress.io\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Click\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    \"type\"\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Get Url\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    *=\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    \u002Fcommands\u002Factions\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Type Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    .action-email\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    fake@email.com\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    Get Text\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">     .action-email\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    ==\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">    fake@email.com\u003C\u002Fspan>\u003C\u002Fspan>",[591],"\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">describe\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">My First Test\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> ()\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> {\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#2BD9CC\">    it\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">Gets, types and asserts\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> ()\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\"> =>\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> {\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FFB86B\">      cy\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">visit\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">https:\u002F\u002Fexample.cypress.io\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FFB86B\">      cy\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">contains\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">type\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">).\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">click\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">()\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FFB86B\">      cy\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">url\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">().\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">should\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">include\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> '\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">\u002Fcommands\u002Factions\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FFB86B\">      cy\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">get\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">.action-email\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">).\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">type\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">fake@email.com\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#FFB86B\">      cy\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">.\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">get\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">.action-email\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">).\u003C\u002Fspan>\u003Cspan style=\"color:#2BD9CC\">should\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">(\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">have.value\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">,\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\"> '\u003C\u002Fspan>\u003Cspan style=\"color:#E0D3A3\">fake@email.com\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">'\u003C\u002Fspan>\u003Cspan style=\"color:#A9B4BA\">)\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A9B4BA\">    })\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A9B4BA\">  })\u003C\u002Fspan>\u003C\u002Fspan>",{"id":593,"title":50,"body":594,"description":51,"extension":132,"meta":629,"navigation":134,"order":52,"path":49,"seo":630,"stem":631,"__hash__":632},"gallery\u002Fgallery\u002Fhero.md",{"type":85,"value":595,"toc":627},[596,621],[597,598,600,605,613],"page-hero",{"logo":599},"\u002Flogo\u002Fbrowser.svg",[418,601,602],{"v-slot:title":130},[93,603,604],{},"A headline in the display face.",[93,606,607,608,612],{},"The default slot is the lede. Anything can follow it — buttons, figures, or\na ",[609,610,611],"a",{"href":188},"link"," — and it all sits in the column beside the logo.",[178,614,615,619],{},[181,616,618],{"to":617,":primary":184},"\u002Fdocs\u002Fstart\u002Fgetting-started","Primary",[181,620,189],{"to":188},[93,622,623,624,626],{},"Two named slots: ",[97,625,545],{}," for the headline and the default slot for everything\nelse. On a narrow screen the logo moves above the text rather than shrinking\ninto the corner.",{"title":130,"searchDepth":47,"depth":47,"links":628},[],{},{"title":50,"description":51},"gallery\u002Fhero","emrRAvW-F_gRZryZ8RF-rjJGEiHvr1zCyNtDuY8StxE",{"id":634,"title":40,"body":635,"description":41,"extension":132,"meta":670,"navigation":134,"order":42,"path":39,"seo":671,"stem":672,"__hash__":673},"gallery\u002Fgallery\u002Fcontributors.md",{"type":85,"value":636,"toc":668},[637,640,655,665],[638,639],"core-team",{},[93,641,642,643,646,647,650,651,654],{},"These two are data components rather than layout: they read\n",[97,644,645],{},"content\u002Fcontributors.json",", which ",[97,648,649],{},"scripts\u002Fbuild-contributors.ts"," generates\nfrom the library's ",[97,652,653],{},".all-contributorsrc",". There is nothing to pass them.",[93,656,657,660,661,664],{},[97,658,659],{},"::contributor-wall"," renders every contributor with a filter by kind of\ncontribution; ",[97,662,663],{},"::contributor-wall{compact}"," renders faces only, which is what\nthe foot of the landing page uses. Neither is shown here — 206 avatars would\nmake this page about them rather than about the component.",[93,666,667],{},"Both are islands, so the data never reaches the browser.",{"title":130,"searchDepth":47,"depth":47,"links":669},[],{},{"title":40,"description":41},"gallery\u002Fcontributors","SB0JPvaO7w6-h77N6EIKQwSm8MAIAW0leLyXgTbvMYk",["Island",675],{"key":676,"result":677},"CoreTeamBody_mv3RY1lLnhPCgdoRdOfIsWGe99ZEwd1yCghua0Qz3M",{"head":678},{"style":679},[680],{"innerHTML":681},".team[data-v-486d1257]{gap:var(--sp-8)}.group[data-v-486d1257],.team[data-v-486d1257]{flex-direction:column;display:flex}.group[data-v-486d1257]{gap:var(--sp-2)}.group-name[data-v-486d1257]{font-family:var(--font-display);font-size:var(--step-1);font-weight:400}.group-note[data-v-486d1257]{color:var(--dim);max-width:44rem}.row[data-v-486d1257]{margin:var(--sp-2) 0 0;flex-wrap:wrap;padding:0;list-style:none}.member[data-v-486d1257],.row[data-v-486d1257]{gap:var(--sp-3);display:flex}.member[data-v-486d1257]{padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-3);border-bottom:1px solid var(--line);border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(var(--red),var(--red)) 0 0 \u002F2px 100% no-repeat,var(--panel);color:var(--ink);align-items:center}.member.is-alum[data-v-486d1257]{background:linear-gradient(var(--teal),var(--teal)) 0 0 \u002F2px 100% no-repeat,var(--panel)}.member[data-v-486d1257]:hover{border-color:var(--line-strong)}.face[data-v-486d1257]{background:var(--chrome);border-radius:50%;flex:none}.who[data-v-486d1257]{flex-direction:column;gap:1px;min-width:0;display:flex}.name[data-v-486d1257]{font-family:var(--font-display);font-size:.95rem}.login[data-v-486d1257]{font-family:var(--font-mono);color:var(--faint);font-size:.75rem}@supports (corner-shape:bevel){.member[data-v-486d1257]{corner-shape:bevel}}",1791113620101]