@testdriverai/agent 7.8.0-test.38

package/docs/images/content/extension/vscode.svg

@@ -0,0 +1,57 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<g filter="url(#filter0_d)">
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M70.9119 99.5723C72.4869 100.189 74.2828 100.15 75.8725 99.3807L96.4604 89.4231C98.624 88.3771 100 86.1762 100 83.7616V16.2392C100 13.8247 98.624 11.6238 96.4604 10.5774L75.8725 0.619067C73.7862 -0.389991 71.3446 -0.142885 69.5135 1.19527C69.252 1.38636 69.0028 1.59985 68.769 1.83502L29.3551 37.9795L12.1872 24.88C10.5891 23.6607 8.35365 23.7606 6.86938 25.1178L1.36302 30.1525C-0.452603 31.8127 -0.454583 34.6837 1.35854 36.3466L16.2471 50.0001L1.35854 63.6536C-0.454583 65.3164 -0.452603 68.1876 1.36302 69.8477L6.86938 74.8824C8.35365 76.2395 10.5891 76.34 12.1872 75.1201L29.3551 62.0207L68.769 98.1651C69.3925 98.7923 70.1246 99.2645 70.9119 99.5723ZM75.0152 27.1813L45.1092 50.0001L75.0152 72.8189V27.1813Z" fill="white"/>
+</mask>
+<g mask="url(#mask0)">
+<path d="M96.4614 10.593L75.8567 0.62085C73.4717 -0.533437 70.6215 -0.0465506 68.7498 1.83492L1.29834 63.6535C-0.515935 65.3164 -0.513852 68.1875 1.30281 69.8476L6.8125 74.8823C8.29771 76.2395 10.5345 76.339 12.1335 75.1201L93.3604 13.18C96.0854 11.102 100 13.0557 100 16.4939V16.2535C100 13.84 98.6239 11.64 96.4614 10.593Z" fill="#D9D9D9"/>
+<g filter="url(#filter1_d)">
+<path d="M96.4614 89.4074L75.8567 99.3797C73.4717 100.534 70.6215 100.047 68.7498 98.1651L1.29834 36.3464C-0.515935 34.6837 -0.513852 31.8125 1.30281 30.1524L6.8125 25.1177C8.29771 23.7605 10.5345 23.6606 12.1335 24.88L93.3604 86.8201C96.0854 88.8985 100 86.9447 100 83.5061V83.747C100 86.1604 98.6239 88.3603 96.4614 89.4074Z" fill="#E6E6E6"/>
+</g>
+<g filter="url(#filter2_d)">
+<path d="M75.8578 99.3807C73.4721 100.535 70.6219 100.047 68.75 98.1651C71.0564 100.483 75 98.8415 75 95.5631V4.43709C75 1.15852 71.0565 -0.483493 68.75 1.83492C70.6219 -0.0467614 73.4721 -0.534276 75.8578 0.618963L96.4583 10.5773C98.6229 11.6237 100 13.8246 100 16.2391V83.7616C100 86.1762 98.6229 88.3761 96.4583 89.4231L75.8578 99.3807Z" fill="white"/>
+</g>
+<g style="mix-blend-mode:overlay" opacity="0.25">
+<path style="mix-blend-mode:overlay" opacity="0.25" fill-rule="evenodd" clip-rule="evenodd" d="M70.8508 99.5723C72.4258 100.189 74.2218 100.15 75.8115 99.3807L96.4 89.4231C98.5635 88.3771 99.9386 86.1762 99.9386 83.7616V16.2391C99.9386 13.8247 98.5635 11.6239 96.4 10.5774L75.8115 0.618974C73.7252 -0.390085 71.2835 -0.142871 69.4525 1.19518C69.1909 1.38637 68.9418 1.59976 68.7079 1.83493L29.2941 37.9795L12.1261 24.88C10.528 23.6606 8.2926 23.7605 6.80833 25.1177L1.30198 30.1524C-0.51354 31.8126 -0.515625 34.6837 1.2975 36.3465L16.186 50L1.2975 63.6536C-0.515625 65.3164 -0.51354 68.1875 1.30198 69.8476L6.80833 74.8824C8.2926 76.2395 10.528 76.339 12.1261 75.1201L29.2941 62.0207L68.7079 98.1651C69.3315 98.7923 70.0635 99.2645 70.8508 99.5723ZM74.9542 27.1812L45.0481 50L74.9542 72.8188V27.1812Z" fill="url(#paint0_linear)"/>
+</g>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_d" x="-6.25" y="-4.16667" width="112.5" height="112.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset dy="2.08333"/>
+<feGaussianBlur stdDeviation="3.125"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<filter id="filter1_d" x="-8.39436" y="15.6951" width="116.728" height="92.6376" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="4.16667"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<filter id="filter2_d" x="60.4167" y="-8.33346" width="47.9167" height="116.667" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="4.16667"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear" x1="49.939" y1="-5.19792e-05" x2="49.939" y2="100.001" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="100" height="100" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/docs/images/content/extension/windsurf.svg

@@ -0,0 +1,3 @@
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M897.246 286.869H889.819C850.735 286.808 819.017 318.46 819.017 357.539V515.589C819.017 547.15 792.93 572.716 761.882 572.716C743.436 572.716 725.02 563.433 714.093 547.85L552.673 317.304C539.28 298.16 517.486 286.747 493.895 286.747C457.094 286.747 423.976 318.034 423.976 356.657V515.619C423.976 547.181 398.103 572.746 366.842 572.746C348.335 572.746 329.949 563.463 319.021 547.881L138.395 289.882C134.316 284.038 125.154 286.93 125.154 294.052V431.892C125.154 438.862 127.285 445.619 131.272 451.34L309.037 705.2C319.539 720.204 335.033 731.344 352.9 735.392C397.616 745.557 438.77 711.135 438.77 667.278V508.406C438.77 476.845 464.339 451.279 495.904 451.279H495.995C515.02 451.279 532.857 460.562 543.785 476.145L705.235 706.661C718.659 725.835 739.327 737.218 763.983 737.218C801.606 737.218 833.841 705.9 833.841 667.308V508.376C833.841 476.815 859.41 451.249 890.975 451.249H897.276C901.233 451.249 904.43 448.053 904.43 444.097V294.021C904.43 290.065 901.233 286.869 897.276 286.869H897.246Z" fill="white"/>
+</svg>

package/docs/snippets/calendar-link.mdx

@@ -0,0 +1,4 @@
+export const calendar =
+  "https://calendly.com/d/cq23-qyn-3v6/testdriver-ai-demo";
+
+;

package/docs/snippets/gitignore-warning.mdx

@@ -0,0 +1,7 @@
+<Warning>
+  Always remember to add a `.gitignore` file to your repository including a
+  `.env` line so you never accidentally commit you TestDriver API key. This is
+  important for security and to prevent exposing sensitive information. For more
+  info see [GitHub
+  Docs](https://docs.github.com/en/get-started/git-basics/ignoring-files).
+</Warning>

package/docs/snippets/lifecycle-warning.mdx

@@ -0,0 +1,6 @@
+<Warning>
+  Prerun scripts for deployed tests happen in your GitHub Actions workflow setup
+  file as per below. Prerun scripts that are part of the test lifecycle are run
+  during local and sandbox runners only. This is likely to change in a future
+  version.
+</Warning>

package/docs/snippets/test-prereqs.mdx

@@ -0,0 +1,12 @@
+## Prerequisites
+
+Before running the tests, ensure you have performed the following steps:
+
+1. If you haven't already, signup for a Free Trial on the [TestDriver website](https://testdriver.ai/pricing)
+2. Run the `init` command to set up the TestDriver configuration using the API key you got when you signed up for the trial:
+
+```bash
+npx testdriverai@latest init
+```
+
+<Check>Now you are ready to run the tests!</Check>

package/docs/snippets/tests/assert-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/6866b1f7409e098717b014e0?share=Kohr7lQghGz3kPx7ZW2Bg&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/assert-yaml.mdx

@@ -0,0 +1,8 @@
+```yaml testdriver/assert.yaml highlight={5,6}
+version: 6.0.0
+steps:
+  - prompt: assert the testdriver login page shows
+    commands:
+      - command: assert
+        expect: the TestDriver.ai Sandbox login page is displayed
+```

package/docs/snippets/tests/exec-js-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/6866b2214d2d2a81b558b8b9?share=DnzcG7Ftyhr70kRRFt0nGQ&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/exec-js-yaml.mdx

@@ -0,0 +1,32 @@
+```yaml testdriver/exec-js.yaml highlight={6-17}
+version: 6.0.0
+steps:
+  - prompt: fetch user data from API
+    commands:
+      - command: exec
+        output: user
+        lang: js
+        code: |
+          const response = await
+          fetch('https://jsonplaceholder.typicode.com/users');
+
+          const user = await response.json();
+
+          console.log('user', user[0]);
+
+          result = user[0].email;
+      - command: hover-text
+        text: Username
+        description: input field for username
+        action: click
+      - command: type
+        text: ${OUTPUT.user}
+  - prompt: assert that the username field shows a valid email address
+    commands:
+      - command: focus-application
+        name: Google Chrome
+      - command: assert
+        expect: >-
+          the username field contains "Sincere@april.biz" which is a valid email
+          address
+```

package/docs/snippets/tests/exec-shell-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/6866b220409e098717b01504?share=7yHBWqwJlL7q8jgXGRcVg&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/exec-shell-yaml.mdx

@@ -0,0 +1,15 @@
+```yaml testdriver/exec-shell.yaml highlight={5-8}
+version: 6.0.0
+steps:
+  - prompt: launch chrome
+    commands:
+      - command: exec
+        lang: pwsh
+        code: |
+          Start-Process "C:/Program Files/Google/Chrome/Application/chrome.exe" -ArgumentList "--start-maximized", "--no-default-browser-check", "--no-first-run", "--guest", "${TD_WEBSITE}"
+      - command: wait-for-text
+        text: ${TD_WEBSITE}
+        timeout: 30000
+      - command: assert
+        expect: ${TD_WEBSITE} is loaded
+```

package/docs/snippets/tests/hover-image-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/6866b26c07fd82bc6701f6a5?share=p5XLOhNUkE7FcGi2Nu2pZQ&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/hover-image-yaml.mdx

@@ -0,0 +1,17 @@
+```yaml testdriver/hover-image.yaml highlight={9-11}
+version: 6.0.0
+steps:
+  - prompt: login
+    commands:
+      - command: run
+        file: testdriver/snippets/login.yaml
+  - prompt: click on the image of a shopping cart
+    commands:
+      - command: hover-image
+        description: shopping cart icon next to the Cart text in the top right corner
+        action: click
+  - prompt: assert that you see an empty shopping cart
+    commands:
+      - command: assert
+        expect: Your cart is empty
+```

package/docs/snippets/tests/hover-text-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/6866b237409e098717b01513?share=DkovW2uZbdR9XaIJ8sXkJw&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/hover-text-with-description-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/6866b2954d2d2a81b558b8e1?share=YrcIMy5CcMvdRpE2Wmrkg&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/hover-text-with-description-yaml.mdx

@@ -0,0 +1,24 @@
+```yaml testdriver/hover-text-with-description.yaml highlight={9-12}
+version: 6.0.0
+steps:
+  - prompt: login
+    commands:
+      - command: run
+        file: testdriver/snippets/login.yaml
+  - prompt: click on add to cart under the testdriver hat
+    commands:
+      - command: hover-text
+        text: Add to Cart
+        description: add to cart button under TestDriver Hat
+        action: click
+  - prompt: click on the cart
+    commands:
+      - command: hover-text
+        text: Cart
+        description: cart button in the top right corner
+        action: click
+  - prompt: assert the testdriver hat is in the cart
+    commands:
+      - command: assert
+        expect: TestDriver Hat is in the cart
+```

package/docs/snippets/tests/hover-text-yaml.mdx

@@ -0,0 +1,14 @@
+```yaml testdriver/hover-text.yaml highlight={7-10}
+version: 6.0.0
+steps:
+  - prompt: click on sign in
+    commands:
+      - command: focus-application
+        name: Google Chrome
+      - command: hover-text
+        text: Sign In
+        description: black button below the password field
+        action: click
+      - command: assert
+        expect: an error shows that fields are required
+```

package/docs/snippets/tests/match-image-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/6866ef636fc7062e3e59acbf?share=3P3YJpiinpeKpqHyQ3PFcQ&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/match-image-yaml.mdx

@@ -0,0 +1,17 @@
+```yaml testdriver/match-image.yaml highlight={9-11}
+version: 6.0.0
+steps:
+  - prompt: login
+    commands:
+      - command: run
+        file: snippets/login.yaml
+  - prompt: assert the testdriver login page shows
+    commands:
+      - command: match-image
+        path: screenshots/cart.png
+        action: click
+  - prompt: assert that you see an empty shopping cart
+    commands:
+      - command: assert
+        expect: Your cart is empty
+```

package/docs/snippets/tests/press-keys-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/6866ef40a472c8e277032172?share=sObsJGm0hmgrEbP2gJJ8vw&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/press-keys-yaml.mdx

@@ -0,0 +1,36 @@
+```yaml testdriver/press-keys.yaml highlight={11-14, 17-21, 24-27}
+version: 6.0.0
+steps:
+  - prompt: create a new tab and inspect elements
+    commands:
+      - command: focus-application
+        name: Google Chrome
+      - command: hover-text
+        text: Sign In
+        description: black button below the password field
+        action: click
+      - command: press-keys
+        keys:
+          - ctrl
+          - t
+      - command: wait-for-text
+        text: "Learn more"
+      - command: press-keys
+        keys:
+          - ctrl
+          - shift
+          - i
+      - command: wait-for-text
+        text: "Elements"
+      - command: press-keys
+        keys:
+          - ctrl
+          - t
+      - command: type
+        text: google.com
+      - command: press-keys
+        keys:
+          - enter
+      - command: assert
+        expect: google appears
+```

package/docs/snippets/tests/remember-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.testdriver.ai/replay/689e0823baa4b0a85b4ca387?share=DMgGQIjQnlFlW7fAr4J4QQ&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/remember-yaml.mdx

@@ -0,0 +1,28 @@
+```yaml testdriver/remember.yaml highlight={5-7, 17, 18}
+version: 6.0.0
+steps:
+  - prompt: focus chrome, remember the password, enter the username and the remembered password and login
+    commands:
+      - command: remember
+        description: the password
+        output: my_password
+      - command: hover-text
+        text: Username
+        description: username input field
+        action: click
+      - command: type
+        text: standard_user
+      - command: press-keys
+        keys:
+          - tab
+      - command: type
+        text: ${OUTPUT.my_password}
+      - command: press-keys
+        keys:
+          - tab
+      - command: press-keys
+        keys:
+          - enter
+      - command: assert
+        expect: the homepage is visible
+```

package/docs/snippets/tests/scroll-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/6866b2954d2d2a81b558b8e2?share=6SP7VgRgvM2RwGk7prMw&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/scroll-until-image-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.testdriver.ai/replay/68a5b9b5a194743845ca64bc?share=7M6G5hRzDqJAQ7ACVrtHg&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/scroll-until-image-yaml.mdx

@@ -0,0 +1,14 @@
+```yaml testdriver/scroll-until-image.yaml highlight={5-7}
+version: 6.0.0
+steps:
+  - prompt: scroll until image of a house appears, then click on it and assert the home insurance page is loaded
+    commands:
+      - command: scroll-until-image
+        description: a pink colored house
+        direction: down
+      - command: hover-image
+        description: a pink colored house
+        action: click
+      - command: assert
+        expect: Home Insurance page appears
+```

package/docs/snippets/tests/scroll-until-text-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/6866b26704a2f851a9161ae1?share=HUDabZvGLKtVkuXOjKqQQ&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/scroll-until-text-yaml.mdx

@@ -0,0 +1,17 @@
+```yaml testdriver/scroll-until-text.yaml highlight={9-11}
+version: 6.0.0
+steps:
+  - prompt: login
+    commands:
+      - command: run
+        file: testdriver/snippets/login.yaml
+  - prompt: scroll until text testdriver socks
+    commands:
+      - command: scroll-until-text
+        text: testdriver socks
+        direction: down
+  - prompt: assert testdriver socks appears on screen
+    commands:
+      - command: assert
+        expect: TestDriver Socks appears on screen
+```

package/docs/snippets/tests/scroll-yaml.mdx

@@ -0,0 +1,30 @@
+```yaml testdriver/scroll.yaml highlight={22-24}
+version: 6.0.0
+steps:
+  - prompt: Navigate to https://developer.mozilla.org/en-US/docs/Web/HTML
+    commands:
+      - command: focus-application
+        name: Google Chrome
+      - command: press-keys
+        keys:
+          - ctrl
+          - l
+      - command: type
+        text: https://developer.mozilla.org/en-US/docs/Web/HTML
+      - command: press-keys
+        keys:
+          - enter
+  - prompt: scroll down with the mouse 1000 pixels
+    commands:
+      - command: hover-text
+        text: "HTML: HyperText Markup Language"
+        description: main heading of the article
+        action: click
+      - command: scroll
+        direction: down
+        amount: 1000
+  - prompt: assert the page is scrolled
+    commands:
+      - command: assert
+        expect: the page is scrolled down
+```

package/docs/snippets/tests/type-repeated-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/683f9c23dc453b7caa0e0d0c?share=gIH46G6NMy3tV8V0KssxA&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/type-repeated-yaml.mdx

@@ -0,0 +1,22 @@
+```yaml testdriver/type-repeated.yaml highlight={11, 12}
+version: 6.0.0
+steps:
+  - prompt: enter aabbcc within the username field
+    commands:
+      - command: focus-application
+        name: Google Chrome
+      - command: hover-text
+        text: Username
+        description: input field for username
+        action: click
+      - command: type
+        text: aabbcc
+  - prompt: assert that aabbcc shows in the username field
+    commands:
+      - command: hover-text
+        text: password
+        description: input field for password
+        action: click
+      - command: assert
+        expect: the username field contains the text "aabbcc"
+```

package/docs/snippets/tests/type-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/6866ef31a472c8e277032170?share=VzurJlP1oj35RtlPcUAQ&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>

package/docs/snippets/tests/type-yaml.mdx

@@ -0,0 +1,28 @@
+```yaml testdriver/type.yaml highlight={11, 12}
+version: 6.0.0
+steps:
+  - prompt: enter standard_user within the username field
+    commands:
+      - command: focus-application
+        name: Google Chrome
+      - command: hover-text
+        text: Username
+        description: input field for username
+        action: click
+      - command: type
+        text: standard_user
+  - prompt: assert that standard_user shows in the username field
+    commands:
+      - command: assert
+        expect: the username field contains "standard_user"
+  - prompt: click on sign in
+    commands:
+      - command: hover-text
+        text: Sign in
+        description: black button below the password field
+        action: click
+  - prompt: assert that "please fill out this field" shows in the password field
+    commands:
+      - command: assert
+        expect: Please fill out this field is visible near the password field
+```

package/docs/snippets/tests/wait-for-image-replay.mdx

@@ -0,0 +1,7 @@
+<div className="replay-block">
+  <iframe
+    src="https://app.dashcam.io/replay/68a598d23f4291f46c418d46?share=i2XOttSHoFjIVWd6uSjGQ&embed=true&timestamp=90000&playbackRate=5"
+    width="1000"
+    height="350"
+  />
+</div>