Merge pull request #17871 from storybookjs/chore/e2e-vite

Build: Add vite-react to e2e tests
storybookjs · Apr 6, 2022 · 645f5ab · 645f5ab
2 parents d5a99fd + f4e00ff
commit 645f5ab
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -207,7 +207,7 @@ jobs:
           name: Run E2E (core) tests
           # Do not test CRA here because it's done in PnP part
           # TODO: Remove `web_components_typescript` as soon as Lit 2 stable is released
-          command: yarn test:e2e-framework vue3 angular130 angular13 angular12 angular11 web_components_typescript web_components_lit2 react
+          command: yarn test:e2e-framework vue3 angular130 angular13 angular12 angular11 web_components_typescript web_components_lit2 react vite_react
           no_output_timeout: 5m
       - store_artifacts:
           path: /tmp/cypress-record

diff --git a/cypress/generated/addon-interactions.spec.ts b/cypress/generated/addon-interactions.spec.ts
@@ -30,4 +30,8 @@ describe('addon-interactions', () => {
   onlyOn('react', () => {
     it('should have interactions', test);
   });
+
+  onlyOn('vite_react', () => {
+    it('should have interactions', test);
+  });
 });
diff --git a/lib/cli/src/repro-generators/configs.ts b/lib/cli/src/repro-generators/configs.ts
@@ -79,6 +79,13 @@ export const webpack_react: Parameters = {
   generator: fromDeps('react', 'react-dom', 'webpack@webpack-4'),
 };
 
+export const vite_react: Parameters = {
+  framework: 'react',
+  name: 'vite_react',
+  version: 'latest',
+  generator: 'npx -p create-vite@{{version}} create-vite {{appName}} --template react-ts',
+};
+
 export const react_in_yarn_workspace: Parameters = {
   framework: 'react',
   name: 'react_in_yarn_workspace',