Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add storybook smoke test #4265

Merged
merged 3 commits into from
May 8, 2024
Merged

Add storybook smoke test #4265

merged 3 commits into from
May 8, 2024

Conversation

obulat
Copy link
Contributor

@obulat obulat commented May 5, 2024 •
edited
Loading

Fixes

Fixes #2219

Description

This PR adds a smoke-test to storybook tests. This test iterates over the Storybook sections, opens each page and checks if there are any console logs or warnings that are signs of broken stories.

Some stories were missing props or store setup steps.
Some component stories were using old no-longer-existing variants (e.g., size for full layout of VAudioTrack)

Testing instructions

See the first commit's CI logs in this PR to see sample error display:

The error log 
playwright-1  | Problems {
playwright-1  |   count: 72,
playwright-1  |   problems: [
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: "Error rendering story 'components-audio-track--full-medium':",
playwright-1  |       location: 'Components / Audio track - Full (medium) ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: "TypeError: Cannot read properties of undefined (reading 'find')\n" +
playwright-1  |         '    at Object._getProvider (http://localhost:54000/main.iframe.bundle.js:56756:46)\n' +
playwright-1  |         '    at Object.<anonymous> (http://localhost:54000/vendors~main.iframe.bundle.js:101076:30)\n' +
playwright-1  |         '    at Object.getProviderName (http://localhost:54000/main.iframe.bundle.js:56767:33)\n' +
playwright-1  |         '    at Object.<anonymous> (http://localhost:54000/vendors~main.iframe.bundle.js:101076:30)\n' +
playwright-1  |         '    at VueComponent.<anonymous> (http://localhost:54000/main.iframe.bundle.js:17017:34)\n' +
playwright-1  |         '    at push.../node_modules/.pnpm/[email protected]/node_modules/vue/dist/vue.js.Watcher.get (http://localhost:54000/vendors~main.iframe.bundle.js:12[348](https://github.com/WordPress/openverse/actions/runs/8959576556/job/24605165720#step:4:349)8:35)\n' +
playwright-1  |         '    at push.../node_modules/.pnpm/[email protected]/node_modules/vue/dist/vue.js.Watcher.evaluate (http://localhost:54000/vendors~main.iframe.bundle.js:123589:29)\n' +
playwright-1  |         '    at get value (http://localhost:54000/vendors~main.iframe.bundle.js:120755:31)\n' +
playwright-1  |         '    at Proxy.get (http://localhost:54000/vendors~main.iframe.bundle.js:120576:30)\n' +
playwright-1  |         '    at Proxy.render (http://localhost:54000/main.iframe.bundle.js:6436:26)',
playwright-1  |       location: 'Components / Audio track - Full (medium) ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: "Error rendering story 'components-audio-track--full-small':",
playwright-1  |       location: 'Components / Audio track - Full (small) ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: "TypeError: Cannot read properties of undefined (reading 'find')\n" +
playwright-1  |         '    at Object._getProvider (http://localhost:54000/main.iframe.bundle.js:56756:46)\n' +
playwright-1  |         '    at Object.<anonymous> (http://localhost:54000/vendors~main.iframe.bundle.js:101076:30)\n' +
playwright-1  |         '    at Object.getProviderName (http://localhost:54000/main.iframe.bundle.js:56767:33)\n' +
playwright-1  |         '    at Object.<anonymous> (http://localhost:54000/vendors~main.iframe.bundle.js:101076:30)\n' +
playwright-1  |         '    at VueComponent.<anonymous> (http://localhost:54000/main.iframe.bundle.js:17017:34)\n' +
playwright-1  |         '    at push.../node_modules/.pnpm/[email protected]/node_modules/vue/dist/vue.js.Watcher.get (http://localhost:54000/vendors~main.iframe.bundle.js:123488:35)\n' +
playwright-1  |         '    at push.../node_modules/.pnpm/[email protected]/node_modules/vue/dist/vue.js.Watcher.evaluate (http://localhost:54000/vendors~main.iframe.bundle.js:12[358](https://github.com/WordPress/openverse/actions/runs/8959576556/job/24605165720#step:4:359)9:29)\n' +
playwright-1  |         '    at get value (http://localhost:54000/vendors~main.iframe.bundle.js:120755:31)\n' +
playwright-1  |         '    at Proxy.get (http://localhost:54000/vendors~main.iframe.bundle.js:120576:30)\n' +
playwright-1  |         '    at Proxy.render (http://localhost:54000/main.iframe.bundle.js:6436:26)',
playwright-1  |       location: 'Components / Audio track - Full (small) ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "audioId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VWaveform>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / Audio track / Waveform - Upsampling ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "audioId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VWaveform>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / Audio track / Waveform - Downsampling ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "audioId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VWaveform>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / Audio track / Waveform - Upsampling ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "audioId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VWaveform>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / Audio track / Waveform - Background ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "audioId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VWaveform>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / Audio track / Waveform - Upsampling ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "audioId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VWaveform>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / Audio track / Waveform - With blank space ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "audioId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VWaveform>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / Audio track / Waveform - Upsampling ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "audioId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VWaveform>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / Audio track / Waveform - Selective features ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "audioId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VWaveform>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / Audio track / Waveform - Upsampling ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Invalid prop: type check failed for prop "audioId". Expected String with value "123", got Number with value 123.\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VWaveform>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / Audio track / Waveform - Message ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "audioId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VWaveform>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / Audio track / Waveform - Upsampling ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "id"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VNotificationBanner>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VNotificationBanner - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "id"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VNotificationBanner>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VNotificationBanner - Dark ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "id"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VNotificationBanner>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VNotificationBanner - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "searchTerm"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VContentLink>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VContentLink - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "searchTerm"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VContentLink>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VContentLink - Horizontal ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "searchTerm"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VContentLink>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VContentLink - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "searchTerm"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VContentLink>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VContentLink - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "searchTerm"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VExternalSourceList>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VExternalSourceList - Images ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "searchTerm"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VExternalSourceList>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VExternalSourceList - Audio ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "searchTerm"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VExternalSourceList>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VExternalSourceList - Images ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "searchTerm"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VExternalSourceList>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VExternalSourceList - Video ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "searchTerm"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VExternalSourceList>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VExternalSourceList - Images ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "searchTerm"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VExternalSourceList>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VExternalSourceList - 3D models ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "searchTerm"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VExternalSourceList>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VExternalSourceList - Images ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Invalid prop: type check failed for prop "close". Expected Function, got String with value "".\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VContentSettingsModalContent>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VHeader / VHeaderMobile / VContentSettingsModalContent - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Invalid prop: type check failed for prop "hide". Expected Function, got String with value "".\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VModalContent>\n' +
playwright-1  |         '       <VContentSettingsModalContent>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Anonymous>\n' +
playwright-1  |         '                 <Root>',
playwright-1  |       location: 'Components / VHeader / VHeaderMobile / VContentSettingsModalContent - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Invalid prop: custom validator check failed for prop "size".\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <VSearchBar>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Anonymous>\n' +
playwright-1  |         '                 <Root>',
playwright-1  |       location: 'Components / VHeader / Search bar - v-model ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Invalid prop: custom validator check failed for prop "size".\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <VSearchBar>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Anonymous>\n' +
playwright-1  |         '                 <Root>',
playwright-1  |       location: 'Components / VHeader / Search bar - v-model ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Invalid prop: custom validator check failed for prop "size".\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <VSearchBar>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Anonymous>\n' +
playwright-1  |         '                 <Root>',
playwright-1  |       location: 'Components / VHeader / Search bar - With placeholder ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Invalid prop: custom validator check failed for prop "size".\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <VSearchBar>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Anonymous>\n' +
playwright-1  |         '                 <Root>',
playwright-1  |       location: 'Components / VHeader / Search bar - With placeholder ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: injection "Symbol()" not found.\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VHeaderDesktop>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VHeader / VHeaderDesktop - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'warning',
playwright-1  |       message: "'control.options' is deprecated and will be removed in Storybook 7.0. Define 'options' directly on the argType instead, and use 'control.labels' for custom labels.\n" +
playwright-1  |         '\n' +
playwright-1  |         'More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-controloptions',
playwright-1  |       location: 'Components / VHeader / HomeLinks / VHomeLink - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "size"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "labelText"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Root>',
playwright-1  |       location: 'Components / VInputField - v-model ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Root>',
playwright-1  |       location: 'Components / VInputField - v-model ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "size"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Root>',
playwright-1  |       location: 'Components / VInputField - v-model ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "size"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - With placeholder ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "size"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - With placeholder ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "size"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - With label text ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "size"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - With label text ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "size"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "labelText"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Root>',
playwright-1  |       location: 'Components / VInputField - With custom label ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Root>',
playwright-1  |       location: 'Components / VInputField - With custom label ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "size"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Root>',
playwright-1  |       location: 'Components / VInputField - With custom label ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "size"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - With connections ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "size"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - With connections ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "size"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VInputField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VInputField - Default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "value_"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VRadio>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VRadio - v-model ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "value_"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VRadio>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VRadio - v-model ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'warning',
playwright-1  |       message: 'Checkbox with no options: sensitivities',
playwright-1  |       location: 'Components / VSafetyWall - default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'warning',
playwright-1  |       message: 'Checkbox with no options: sensitivities',
playwright-1  |       location: 'Components / VSafetyWall - default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'warning',
playwright-1  |       message: 'Checkbox with no options: sensitivities',
playwright-1  |       location: 'Components / VSafetyWall - default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'warning',
playwright-1  |       message: 'Checkbox with no options: sensitivities',
playwright-1  |       location: 'Components / VSafetyWall - default ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: "Error rendering story 'components-vselectfield--with-constraints':",
playwright-1  |       location: 'Components / VSelectField - With constraints ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: 'ReferenceError: radioIcon is not defined\n' +
playwright-1  |         '    at setup (http://localhost:54000/main.iframe.bundle.js:47542:20)\n' +
playwright-1  |         '    at invokeWithErrorHandling (http://localhost:54000/vendors~main.iframe.bundle.js:123010:32)\n' +
playwright-1  |         '    at initSetup (http://localhost:54000/vendors~main.iframe.bundle.js:121572:29)\n' +
playwright-1  |         '    at initState (http://localhost:54000/vendors~main.iframe.bundle.js:123642:7)\n' +
playwright-1  |         '    at Vue._init (http://localhost:54000/vendors~main.iframe.bundle.js:124027:11)\n' +
playwright-1  |         '    at new VueComponent (http://localhost:54000/vendors~main.iframe.bundle.js:125151:20)\n' +
playwright-1  |         '    at createComponentInstanceForVnode (http://localhost:54000/vendors~main.iframe.bundle.js:124[360](https://github.com/WordPress/openverse/actions/runs/8959576556/job/24605165720#step:4:361):14)\n' +
playwright-1  |         '    at init (http://localhost:54000/vendors~main.iframe.bundle.js:124222:54)\n' +
playwright-1  |         '    at createComponent (http://localhost:54000/vendors~main.iframe.bundle.js:125894:19)\n' +
playwright-1  |         '    at createElm (http://localhost:54000/vendors~main.iframe.bundle.js:125848:15)',
playwright-1  |       location: 'Components / VSelectField - With constraints ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Property or method "args" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <Anonymous>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Root>',
playwright-1  |       location: 'Components / VSelectField - With constraints ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "labelText"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VSelectField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VSelectField - With constraints ⋅ Storybook'
playwright-1  |     },
playwright-1  |     {
playwright-1  |       kind: 'error',
playwright-1  |       message: '[Vue warn]: Missing required prop: "fieldId"\n' +
playwright-1  |         '\n' +
playwright-1  |         'found in\n' +
playwright-1  |         '\n' +
playwright-1  |         '---> <VSelectField>\n' +
playwright-1  |         '       <Anonymous>\n' +
playwright-1  |         '         <Anonymous>\n' +
playwright-1  |         '           <Anonymous>\n' +
playwright-1  |         '             <Anonymous>\n' +
playwright-1  |         '               <Root>',
playwright-1  |       location: 'Components / VSelectField - With constraints ⋅ Storybook'
playwright-1  |     }
playwright-1  |   ]
playwright-1  | }
playwright-1  |   ✓  43 visual-regression/v-button.spec.ts:18:9 › VButton › transparent-gray resting (1.8s)
playwright-1  |   ✓  44 visual-regression/v-button.spec.ts:25:9 › VButton › transparent-gray hovered (1.9s)
playwright-1  |   ✓  45 visual-regression/v-button.spec.ts:33:9 › VButton › transparent-gray focused (1.6s)
playwright-1  |   ✓  46 visual-regression/v-button.spec.ts:41:9 › VButton › transparent-gray focused hovered (1.7s)
playwright-1  |   ✘  47 functional/smoke-test.spec.ts:72:5 › Storybook renders without errors (1.6m)

In the second commit, all the problems will be fixed, and the CI logs should not show any problems

@obulat obulat requested a review from a team as a code owner May 5, 2024 16:19
@obulat obulat requested review from zackkrida and AetherUnbound May 5, 2024 16:19
@github-actions github-actions bot added the 🧱 stack: frontend Related to the Nuxt frontend label May 5, 2024
@openverse-bot openverse-bot added 🟨 priority: medium Not blocking but should be addressed soon ✨ goal: improvement Improvement to an existing user-facing feature 💻 aspect: code Concerns the software code in the repository labels May 5, 2024
@github-actions GitHub Actions
Copy link

github-actions bot commented May 5, 2024 •
edited
Loading

Full-stack documentation: https://docs.openverse.org/_preview/4265

Please note that GitHub pages takes a little time to deploy newly pushed code, if the links above don't work or you see old versions, wait 5 minutes and try again.

You can check the GitHub pages deployment action list to see the current status of the deployments.

@obulat obulat force-pushed the add/storybook-smoketest branch from 7bbc506 to 2528a0e Compare May 6, 2024 08:00
@obulat obulat added 🟧 priority: high Stalls work on the project or its dependents and removed 🟨 priority: medium Not blocking but should be addressed soon labels May 6, 2024
AetherUnbound
AetherUnbound approved these changes May 6, 2024
View reviewed changes
Copy link
Collaborator

@AetherUnbound AetherUnbound left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks find, I can't comment much on the Storybook pieces or the discussion the team has been having about its usage. It looks like it passes in CI but when I try to run it locally I get the following (seems worth noting since they all happen on the same component):

playwright-1  |   18 failed
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint 2xl with width 1536 › should render a rtl media reuse section with "Rich Text" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint xl with width 1280 › should render a rtl media reuse section with "Rich Text" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint lg with width 1024 › should render a rtl media reuse section with "Rich Text" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint md with width 768 › should render a rtl media reuse section with "Rich Text" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint sm with width 640 › should render a rtl media reuse section with "Rich Text" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint xs with width 340 › should render a rtl media reuse section with "Rich Text" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint 2xl with width 1536 › should render a rtl media reuse section with "HTML" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint xl with width 1280 › should render a rtl media reuse section with "HTML" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint lg with width 1024 › should render a rtl media reuse section with "HTML" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint md with width 768 › should render a rtl media reuse section with "HTML" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint sm with width 640 › should render a rtl media reuse section with "HTML" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint xs with width 340 › should render a rtl media reuse section with "HTML" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint 2xl with width 1536 › should render a rtl media reuse section with "Plain text" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint xl with width 1280 › should render a rtl media reuse section with "Plain text" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint lg with width 1024 › should render a rtl media reuse section with "Plain text" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint md with width 768 › should render a rtl media reuse section with "Plain text" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint sm with width 640 › should render a rtl media reuse section with "Plain text" tab open 
playwright-1  |     visual-regression/v-media-reuse.spec.ts:30:13 › VMediaReuse › screen at breakpoint xs with width 340 › should render a rtl media reuse section with "Plain text" tab open 
playwright-1  |   281 passed (5.8m)
playwright-1  |  ELIFECYCLE  Command failed with exit code 1.

@obulat
Copy link
Contributor Author

obulat commented May 7, 2024

It looks like it passes in CI but when I try to run it locally I get the following (seems worth noting since they all happen on the same component):

Interesting. If you could upload one of the trace.zip for these errors, I could investigate the problem. These files are saved in frontend/test-results/<test_name>/trace.zip

@AetherUnbound
Copy link
Collaborator

Aaaaaand everything is passing today 😅 Sorry about the false alarm!

@obulat
Copy link
Contributor Author

obulat commented May 7, 2024

Aaaaaand everything is passing today 😅 Sorry about the false alarm!

Awesome! A false alarm is much better than having to debug yet another storybook CI failure, thank you, @AetherUnbound :)

@obulat obulat force-pushed the add/storybook-smoketest branch from 2528a0e to 718d2a8 Compare May 7, 2024 17:40
@obulat obulat force-pushed the add/storybook-smoketest branch from 718d2a8 to 6a6bc63 Compare May 7, 2024 18:00
@openverse-bot
Copy link
Collaborator

Based on the high urgency of this PR, the following reviewers are being gently reminded to review this PR:

@zackkrida
This reminder is being automatically generated due to the urgency configuration.

Excluding weekend1 days, this PR was ready for review 2 day(s) ago. PRs labelled with high urgency are expected to be reviewed within 2 weekday(s)2.

@obulat, if this PR is not ready for a review, please draft it to prevent reviewers from getting further unnecessary pings.

Footnotes

  1. Specifically, Saturday and Sunday. ↩

  2. For the purpose of these reminders we treat Monday - Friday as weekdays. Please note that the operation that generates these reminders runs at midnight UTC on Monday - Friday. This means that depending on your timezone, you may be pinged outside of the expected range. ↩

sarayourfriend
sarayourfriend approved these changes May 8, 2024
View reviewed changes
Copy link
Collaborator

@sarayourfriend sarayourfriend left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@obulat obulat merged commit 3c4eddc into main May 8, 2024
44 checks passed
@obulat obulat deleted the add/storybook-smoketest branch May 8, 2024 07:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@sarayourfriend sarayourfriend sarayourfriend approved these changes

@AetherUnbound AetherUnbound AetherUnbound approved these changes

@zackkrida zackkrida Awaiting requested review from zackkrida zackkrida is a code owner automatically assigned from WordPress/openverse-frontend

Assignees
No one assigned
Labels
💻 aspect: code Concerns the software code in the repository ✨ goal: improvement Improvement to an existing user-facing feature 🟧 priority: high Stalls work on the project or its dependents 🧱 stack: frontend Related to the Nuxt frontend
Projects
Openverse PRs
Archived in project
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

Storybook smoke test does not catch if individual stories are broken
4 participants
@obulat @AetherUnbound @openverse-bot @sarayourfriend