ALT Source code for file, RestaurantDetailPage.spec.tsx: // For Vue3, import from '@storybook/vue3/experimental-playwright' import { createTest } from '@storybook/react/experimental-playwright' // For Vue3, import from '@playwright/experimental-ct-vue' import { test as base, expect } from '@playwright/experimental-ct-react' import stories from './RestaurantDetailPage.stories.portable' const test = createTest(base) test('Default', async ({ mount }) => { // The mount function will execute all the necessary steps in the story, // such as loaders, render, and play function await mount(<stories.Default />) }) test('WithItemsInTheCart', async ({ mount, page }) => { await mount(<stories.Success />) await page.getByLabel('menu item').first().click() await page.getByLabel('increase quantity by one').click() await page.getByLabel('confirm').click() await expect(page.getByLabel('food cart')).toContainText('€25.50') })