test(init): add typescript test suits for svelte, vue and react

Author: ThierryRakotomanana

test/create-webpack-app/init/init.test.js

@@ -40,6 +40,31 @@ const svelteTemplateFiles = [
   "src/store/index.js",
 ];
 
+const reactTypescriptTemplateFiles = [
+  ...defaultTemplateFiles.slice(0, 3),
+  "src/index.tsx",
+  ...defaultTemplateFiles.slice(4).filter((file) => file !== "webpack.config.js"),
+  "webpack.config.ts",
+  "tsconfig.json",
+];
+
+const vueTypescriptTemplateFiles = [
+  ...defaultTemplateFiles.slice(0, 3),
+  "src/main.ts",
+  ...defaultTemplateFiles.slice(4).filter((file) => file !== "webpack.config.js"),
+  "webpack.config.ts",
+  "tsconfig.json",
+];
+
+const svelteTypescriptTemplateFiles = [
+  ...defaultTemplateFiles.slice(0, 3),
+  "src/main.ts",
+  ...defaultTemplateFiles.slice(4).filter((file) => file !== "webpack.config.js"),
+  "webpack.config.ts",
+  "tsconfig.json",
+  "src/store/index.ts",
+];
+
 // helper function to resolve the path from the test directory to actual assets
 // Helper to read from package.json in a given path
 const readFromPkgJSON = (path) => {
@@ -518,13 +543,7 @@ describe("create-webpack-app cli", () => {
     expect(stdout).toContain("Project has been initialised with webpack!");
     expect(stdout).toContain("webpack.config.ts");
 
-    const files = [
-      ...reactTemplateFiles.filter((file) => file !== "webpack.config.js"),
-      "webpack.config.ts",
-      "tsconfig.json",
-    ];
-
-    for (const file of files) {
+    for (const file of reactTypescriptTemplateFiles) {
       expect(existsSync(resolve(dir, file))).toBeTruthy();
     }
 
@@ -560,19 +579,13 @@ describe("create-webpack-app cli", () => {
     const { stdout } = await runPromptWithAnswers(
       dir,
       ["init", ".", "--template=vue"],
-      [`${DOWN}${ENTER}`, `y${ENTER}`, `y${ENTER}`, ENTER, `y${ENTER}`, ENTER, ENTER, ENTER],
+      [`${DOWN}${ENTER}`, `y${ENTER}`, `y${ENTER}`, `${ENTER}`, `y${ENTER}`, ENTER, ENTER],
     );
 
     expect(stdout).toContain("Project has been initialised with webpack!");
     expect(stdout).toContain("webpack.config.ts");
 
-    const files = [
-      ...vueTemplateFiles.filter((file) => file !== "webpack.config.js"),
-      "webpack.config.ts",
-      "tsconfig.json",
-    ];
-
-    for (const file of files) {
+    for (const file of vueTypescriptTemplateFiles) {
       expect(existsSync(resolve(dir, file))).toBeTruthy();
     }
 
@@ -606,19 +619,13 @@ describe("create-webpack-app cli", () => {
     const { stdout } = await runPromptWithAnswers(
       dir,
       ["init", ".", "--template=svelte"],
-      [`${DOWN}${ENTER}`, `y${ENTER}`, `y${ENTER}`, ENTER, `y${ENTER}`, ENTER, ENTER, ENTER],
+      [`${DOWN}${ENTER}`, `y${ENTER}`, ENTER, `y${ENTER}`, ENTER, ENTER],
     );
 
     expect(stdout).toContain("Project has been initialised with webpack!");
     expect(stdout).toContain("webpack.config.ts");
 
-    const files = [
-      ...svelteTemplateFiles.filter((file) => file !== "webpack.config.js"),
-      "webpack.config.ts",
-      "tsconfig.json",
-    ];
-
-    for (const file of files) {
+    for (const file of svelteTypescriptTemplateFiles) {
       expect(existsSync(resolve(dir, file))).toBeTruthy();
     }