languageSupport tests

packages/generators/__tests__/init-generator.test.ts

@@ -154,6 +154,18 @@ describe('init generator', () => {
         // Check that all the project files are generated with the correct name
         const filePaths = ['package.json', 'README.md', 'src/index.js', '.babelrc'];
         assert.file(filePaths.map((file) => join(outputDir, file)));
+
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        const output = require(join(outputDir, '.yo-rc.json'));
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const config = (Object.entries(output)[0][1] as any).configuration.config.webpackOptions;
+        expect(config.module.rules).toEqual([
+            {
+                test: '/\\.(js|jsx)$/',
+                include: ["path.resolve(__dirname, 'src')"],
+                loader: "'babel-loader'",
+            },
+        ]);
     });
 
     it('generates a webpack config that uses Typescript', async () => {
@@ -168,5 +180,18 @@ describe('init generator', () => {
         // Check that all the project files are generated with the correct name
         const filePaths = ['package.json', 'README.md', 'src/index.ts', 'tsconfig.json'];
         assert.file(filePaths.map((file) => join(outputDir, file)));
+
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        const output = require(join(outputDir, '.yo-rc.json'));
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const config = (Object.entries(output)[0][1] as any).configuration.config.webpackOptions;
+        expect(config.module.rules).toEqual([
+            {
+                test: '/\\.(ts|tsx)$/',
+                include: ["path.resolve(__dirname, 'src')"],
+                loader: "'ts-loader'",
+                exclude: ['/node_modules/'],
+            },
+        ]);
     });
 });

packages/generators/__tests__/utils/languageSupport.test.ts

@@ -0,0 +1,86 @@
+import language, { LangType, getBabelLoader, getTypescriptLoader } from '../../lib/utils/languageSupport';
+
+describe('languageSupport', () => {
+    const getMockGenerator = (): any => {
+        return {
+            entryOption: "'./path/to/index.js'",
+            dependencies: [],
+            configuration: {
+                config: {
+                    webpackOptions: {
+                        module: {
+                            rules: [],
+                        },
+                    },
+                },
+            },
+        };
+    };
+
+    it('getBabelLoader', () => {
+        const rule = getBabelLoader(['test1', 'test2']);
+        expect(rule.loader).toEqual("'babel-loader'");
+        expect(rule.include).toEqual(["path.resolve(__dirname, 'test1')", "path.resolve(__dirname, 'test2')"]);
+    });
+
+    it('getTypescriptLoader', () => {
+        const rule = getTypescriptLoader(['test1', 'test2']);
+        expect(rule.loader).toEqual("'ts-loader'");
+        expect(rule.include).toEqual(["path.resolve(__dirname, 'test1')", "path.resolve(__dirname, 'test2')"]);
+    });
+
+    it('works with ES6', () => {
+        const gen = getMockGenerator();
+        language(gen, LangType.ES6);
+        expect(gen.entryOption).toEqual("'./path/to/index.js'");
+        expect(gen.dependencies).toEqual(['babel-loader', '@babel/core', '@babel/preset-env']);
+
+        const rules = gen.configuration.config.webpackOptions.module.rules;
+        expect(rules.length).toEqual(1);
+        expect(rules[0].include).toEqual(["path.resolve(__dirname, 'path/to')"]);
+    });
+
+    it('works with TypeScript for single entry', () => {
+        const gen = getMockGenerator();
+        language(gen, LangType.Typescript);
+        // this helper preserves the original js entryOption but updates the
+        // webpack config to use ts
+        expect(gen.entryOption).toEqual("'./path/to/index.js'");
+        expect(gen.configuration.config.webpackOptions.entry).toEqual("'./path/to/index.ts'");
+        expect(gen.dependencies).toEqual(['typescript', 'ts-loader']);
+        expect(gen.configuration.config.webpackOptions.module.rules.length).toEqual(1);
+
+        const rules = gen.configuration.config.webpackOptions.module.rules;
+        expect(rules.length).toEqual(1);
+        expect(rules[0].include).toEqual(["path.resolve(__dirname, 'path/to')"]);
+    });
+
+    it('works with TypeScript for multi entry', () => {
+        const gen = getMockGenerator();
+        gen.entryOption = {
+            test1: "'./path/to/test1.js'",
+            test2: "'./path/to/test2.js'",
+            test3: "'./different/path/to/test3.js'",
+        };
+        language(gen, LangType.Typescript);
+        // this helper preserves the original js entryOption but updates the
+        // webpack config to use ts
+        expect(gen.entryOption).toEqual({
+            test1: "'./path/to/test1.js'",
+            test2: "'./path/to/test2.js'",
+            test3: "'./different/path/to/test3.js'",
+        });
+        expect(gen.configuration.config.webpackOptions.entry).toEqual({
+            test1: "'./path/to/test1.ts'",
+            test2: "'./path/to/test2.ts'",
+            test3: "'./different/path/to/test3.ts'",
+        });
+        expect(gen.dependencies).toEqual(['typescript', 'ts-loader']);
+        expect(gen.configuration.config.webpackOptions.module.rules.length).toEqual(1);
+
+        const rules = gen.configuration.config.webpackOptions.module.rules;
+        expect(rules.length).toEqual(1);
+        // duplicate include paths are removed
+        expect(rules[0].include).toEqual(["path.resolve(__dirname, 'path/to')", "path.resolve(__dirname, 'different/path/to')"]);
+    });
+});

packages/generators/src/utils/languageSupport.ts

@@ -68,7 +68,7 @@ export function getTypescriptLoader(includeFolders: string[]): Rule {
     };
 }
 
-export default function language(self, langType: string): void {
+export default function language(self: CustomGenerator, langType: string): void {
     const entryFolders = getEntryFolders(self);
     switch (langType) {
         case LangType.ES6: