diff --git a/apps/vr-tests-web-components/package.json b/apps/vr-tests-web-components/package.json
index 93440686885691..f02a15f3f8eb59 100644
--- a/apps/vr-tests-web-components/package.json
+++ b/apps/vr-tests-web-components/package.json
@@ -10,7 +10,7 @@
     "lint": "ESLINT_USE_FLAT_CONFIG=false eslint src --ext .ts,.tsx",
     "start": "storybook dev",
     "type-check": "tsc -p . --baseUrl . --noEmit",
-    "test-vr": "storywright --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true --stepsApi parameters"
+    "test-vr": "storywright --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true --stepsApi parameters --bailOnStoriesError"
   },
   "dependencies": {
     "react": "19.2.0",
diff --git a/apps/vr-tests-web-components/src/stories/checkbox/checkbox-indeterminate.stories.tsx b/apps/vr-tests-web-components/src/stories/checkbox/checkbox-indeterminate.stories.tsx
index eca4c88a309749..041c08005ca734 100644
--- a/apps/vr-tests-web-components/src/stories/checkbox/checkbox-indeterminate.stories.tsx
+++ b/apps/vr-tests-web-components/src/stories/checkbox/checkbox-indeterminate.stories.tsx
@@ -22,7 +22,7 @@ export default {
       steps: new Steps()
         .snapshot('normal', { cropTo: '.testWrapper' })
         .executeScript(
-          'document.getElementsByTagName("fluent-checkbox").forEach(checkbox => checkbox.indeterminate = true)',
+          'Array.from(document.getElementsByTagName("fluent-checkbox")).forEach(checkbox => checkbox.indeterminate = true)',
         )
         .snapshot('indeterminate', { cropTo: '.testWrapper' })
         .end(),
diff --git a/apps/vr-tests-web-components/src/stories/link/link.stories.tsx b/apps/vr-tests-web-components/src/stories/link/link.stories.tsx
index 495b6776a72b1e..18a5590899161b 100644
--- a/apps/vr-tests-web-components/src/stories/link/link.stories.tsx
+++ b/apps/vr-tests-web-components/src/stories/link/link.stories.tsx
@@ -46,7 +46,7 @@ export const WithLongText = () =>
     </style>
     <p class="max-width">
     This paragraph contains a link which is very long.
-    <fluent-link href="#">Fluent links wrap correctly between lines when they are very long.</fluent-link> This is
+    <fluent-link id="${linkId}" href="#">Fluent links wrap correctly between lines when they are very long.</fluent-link> This is
     because they are inline elements.
     </p>
 `);
diff --git a/apps/vr-tests-web-components/src/stories/menu-list/menu-list.stories.tsx b/apps/vr-tests-web-components/src/stories/menu-list/menu-list.stories.tsx
index d164e0bc488232..72894ce07e228d 100644
--- a/apps/vr-tests-web-components/src/stories/menu-list/menu-list.stories.tsx
+++ b/apps/vr-tests-web-components/src/stories/menu-list/menu-list.stories.tsx
@@ -175,14 +175,14 @@ export const RadioWithIconsRTL = getStoryVariant(RadioWithIcons, RTL);
 export const WithSubmenu = () =>
   parse(`
     <fluent-menu-list>
-      <fluent-menu-item>
+      <fluent-menu-item aria-haspopup="menu">
         Item 1
         <fluent-menu-list slot="submenu">
           <fluent-menu-item> Subitem 1.1 </fluent-menu-item>
           <fluent-menu-item> Subitem 1.2 </fluent-menu-item>
         </fluent-menu-list>
       </fluent-menu-item>
-      <fluent-menu-item>
+      <fluent-menu-item aria-haspopup="menu">
         Item 2
         <fluent-menu-list slot="submenu">
           <fluent-menu-item> Subitem 2.1 </fluent-menu-item>
diff --git a/apps/vr-tests-web-components/src/stories/radio-group/radio-group.stories.tsx b/apps/vr-tests-web-components/src/stories/radio-group/radio-group.stories.tsx
index bce4adf959d612..5e9837e371a1c7 100644
--- a/apps/vr-tests-web-components/src/stories/radio-group/radio-group.stories.tsx
+++ b/apps/vr-tests-web-components/src/stories/radio-group/radio-group.stories.tsx
@@ -22,9 +22,9 @@ export default {
     storyWright: {
       steps: new Steps()
         .snapshot('normal', { cropTo: '.testWrapper' })
-        .click('[role="radio"]:first-child')
+        .click('fluent-radio:first-child')
         .snapshot('1st selected', { cropTo: '.testWrapper' })
-        .click('[role="radio"]:nth-child(2)')
+        .click('fluent-radio:nth-child(2)')
         .snapshot('2nd selected', { cropTo: '.testWrapper' })
         .end(),
     },
diff --git a/apps/vr-tests-web-components/src/stories/slider/slider.stories.tsx b/apps/vr-tests-web-components/src/stories/slider/slider.stories.tsx
index 05bb73009251a2..395f6783a772f4 100644
--- a/apps/vr-tests-web-components/src/stories/slider/slider.stories.tsx
+++ b/apps/vr-tests-web-components/src/stories/slider/slider.stories.tsx
@@ -19,8 +19,8 @@ export default {
     storyWright: {
       steps: new Steps()
         .snapshot('normal', { cropTo: '.testWrapper' })
-        .focus('[role="slider"]')
-        .keys('[role="slider"]', Keys.rightArrow)
+        .focus('fluent-slider')
+        .keys('fluent-slider', Keys.rightArrow)
         .snapshot('rightArrow', { cropTo: '.testWrapper' })
         .end(),
     },