feat: initial angular support + clean up tests

packages/webpack5/__tests__/configuration/__snapshots__/angular.spec.ts.snap

@@ -0,0 +1,468 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`angular configuration for android 1`] = `
+"{
+  mode: 'development',
+  externals: [
+    'package.json',
+    '~/package.json'
+  ],
+  devtool: 'inline-source-map',
+  target: 'node',
+  output: {
+    path: '__jest__/platforms/android/app/src/main/assets/app',
+    pathinfo: false,
+    publicPath: '',
+    libraryTarget: 'commonjs',
+    globalObject: 'global'
+  },
+  resolve: {
+    symlinks: true,
+    alias: {
+      '~': '<TODO>appFullPath',
+      '@': '<TODO>appFullPath'
+    },
+    extensions: [
+      '.android.ts',
+      '.ts',
+      '.android.js',
+      '.js',
+      '.android.css',
+      '.css',
+      '.android.scss',
+      '.scss',
+      '.android.json',
+      '.json'
+    ]
+  },
+  resolveLoader: {
+    modules: [
+      'node_modules/@nativescript/webpack/dist/loaders',
+      'node_modules'
+    ]
+  },
+  module: {
+    rules: [
+      /* config.module.rule('js') */
+      {
+        test: /\\\\.js$/,
+        exclude: [
+          /node_modules/
+        ],
+        use: [
+          /* config.module.rule('js').use('babel-loader') */
+          {
+            loader: 'babel-loader',
+            options: {
+              generatorOpts: {
+                compact: false
+              }
+            }
+          }
+        ]
+      },
+      /* config.module.rule('css') */
+      {
+        test: /\\\\.css$/,
+        use: [
+          /* config.module.rule('css').use('apply-css-loader') */
+          {
+            loader: 'apply-css-loader'
+          },
+          /* config.module.rule('css').use('css2json-loader') */
+          {
+            loader: 'css2json-loader'
+          }
+        ]
+      },
+      /* config.module.rule('scss') */
+      {
+        test: /\\\\.scss$/,
+        use: [
+          /* config.module.rule('scss').use('apply-css-loader') */
+          {
+            loader: 'apply-css-loader'
+          },
+          /* config.module.rule('scss').use('css2json-loader') */
+          {
+            loader: 'css2json-loader'
+          },
+          /* config.module.rule('scss').use('sass-loader') */
+          {
+            loader: 'sass-loader'
+          }
+        ]
+      },
+      /* config.module.rule('angular') */
+      {
+        test: /(?:\\\\.ngfactory.js|\\\\.ngstyle\\\\.js|\\\\.ts)$/,
+        use: [
+          /* config.module.rule('angular').use('@ngtools/webpack') */
+          {
+            loader: '@ngtools/webpack'
+          }
+        ]
+      },
+      /* config.module.rule('@angular/core') */
+      {
+        test: /[\\\\/\\\\\\\\]@angular[\\\\/\\\\\\\\]core[\\\\/\\\\\\\\].+\\\\.js$/,
+        parser: {
+          system: true
+        }
+      },
+      /* config.module.rule('html') */
+      {
+        test: /\\\\.html$/,
+        use: [
+          /* config.module.rule('html').use('raw-loader') */
+          {
+            loader: 'raw-loader'
+          }
+        ]
+      }
+    ]
+  },
+  optimization: {
+    splitChunks: {
+      cacheGroups: {
+        defaultVendor: {
+          test: /[\\\\\\\\/]node_modules[\\\\\\\\/]/,
+          priority: -10,
+          name: 'vendor',
+          chunks: 'all'
+        }
+      }
+    },
+    minimizer: [
+      /* config.optimization.minimizer('TerserPlugin') */
+      new TerserPlugin(
+        {
+          terserOptions: {
+            compress: {
+              collapse_vars: false,
+              sequences: false
+            },
+            keep_fnames: true
+          }
+        }
+      )
+    ]
+  },
+  plugins: [
+    /* config.plugin('ForkTsCheckerWebpackPlugin') */
+    new ForkTsCheckerWebpackPlugin(
+      {
+        typescript: {
+          memoryLimit: 4096
+        }
+      }
+    ),
+    /* config.plugin('CleanWebpackPlugin') */
+    new CleanWebpackPlugin(
+      {
+        cleanOnceBeforeBuildPatterns: [
+          '__jest__/platforms/android/app/src/main/assets/app/**/*'
+        ],
+        verbose: false
+      }
+    ),
+    /* config.plugin('DefinePlugin') */
+    new DefinePlugin(
+      {
+        __DEV__: true,
+        __NS_WEBPACK__: true,
+        __CSS_PARSER__: '\\"css-tree\\"',
+        __ANDROID__: true,
+        __IOS__: false,
+        'global.isAndroid': true,
+        'global.isIOS': false,
+        process: 'global.process'
+      }
+    ),
+    /* config.plugin('CopyWebpackPlugin') */
+    new CopyPlugin(
+      {
+        patterns: [
+          {
+            from: 'assets/**',
+            context: '__jest__/src',
+            noErrorOnMissing: true,
+            globOptions: {
+              dot: false
+            }
+          },
+          {
+            from: 'fonts/**',
+            context: '__jest__/src',
+            noErrorOnMissing: true,
+            globOptions: {
+              dot: false
+            }
+          },
+          {
+            from: '**/*.+(jpg|png)',
+            context: '__jest__/src',
+            noErrorOnMissing: true,
+            globOptions: {
+              dot: false
+            }
+          }
+        ]
+      }
+    ),
+    /* config.plugin('WatchStatePlugin') */
+    new WatchStatePlugin(),
+    /* config.plugin('AngularCompilerPlugin') */
+    new AngularCompilerPlugin(
+      {
+        tsConfigPath: '__jest__/tsconfig.json',
+        mainPath: '__jest__/src/app.js',
+        platformTransformers: [
+          function () { /* omitted long function */ }
+        ]
+      }
+    )
+  ],
+  entry: {
+    bundle: [
+      '@nativescript/core/globals/index.js',
+      '__jest__/src/app.js'
+    ]
+  }
+}"
+`;
+
+exports[`angular configuration for ios 1`] = `
+"{
+  mode: 'development',
+  externals: [
+    'package.json',
+    '~/package.json'
+  ],
+  devtool: 'inline-source-map',
+  target: 'node',
+  output: {
+    path: '__jest__/platforms/ios/__jest__/app',
+    pathinfo: false,
+    publicPath: '',
+    libraryTarget: 'commonjs',
+    globalObject: 'global'
+  },
+  resolve: {
+    symlinks: true,
+    alias: {
+      '~': '<TODO>appFullPath',
+      '@': '<TODO>appFullPath'
+    },
+    extensions: [
+      '.ios.ts',
+      '.ts',
+      '.ios.js',
+      '.js',
+      '.ios.css',
+      '.css',
+      '.ios.scss',
+      '.scss',
+      '.ios.json',
+      '.json'
+    ]
+  },
+  resolveLoader: {
+    modules: [
+      'node_modules/@nativescript/webpack/dist/loaders',
+      'node_modules'
+    ]
+  },
+  module: {
+    rules: [
+      /* config.module.rule('js') */
+      {
+        test: /\\\\.js$/,
+        exclude: [
+          /node_modules/
+        ],
+        use: [
+          /* config.module.rule('js').use('babel-loader') */
+          {
+            loader: 'babel-loader',
+            options: {
+              generatorOpts: {
+                compact: false
+              }
+            }
+          }
+        ]
+      },
+      /* config.module.rule('css') */
+      {
+        test: /\\\\.css$/,
+        use: [
+          /* config.module.rule('css').use('apply-css-loader') */
+          {
+            loader: 'apply-css-loader'
+          },
+          /* config.module.rule('css').use('css2json-loader') */
+          {
+            loader: 'css2json-loader'
+          }
+        ]
+      },
+      /* config.module.rule('scss') */
+      {
+        test: /\\\\.scss$/,
+        use: [
+          /* config.module.rule('scss').use('apply-css-loader') */
+          {
+            loader: 'apply-css-loader'
+          },
+          /* config.module.rule('scss').use('css2json-loader') */
+          {
+            loader: 'css2json-loader'
+          },
+          /* config.module.rule('scss').use('sass-loader') */
+          {
+            loader: 'sass-loader'
+          }
+        ]
+      },
+      /* config.module.rule('angular') */
+      {
+        test: /(?:\\\\.ngfactory.js|\\\\.ngstyle\\\\.js|\\\\.ts)$/,
+        use: [
+          /* config.module.rule('angular').use('@ngtools/webpack') */
+          {
+            loader: '@ngtools/webpack'
+          }
+        ]
+      },
+      /* config.module.rule('@angular/core') */
+      {
+        test: /[\\\\/\\\\\\\\]@angular[\\\\/\\\\\\\\]core[\\\\/\\\\\\\\].+\\\\.js$/,
+        parser: {
+          system: true
+        }
+      },
+      /* config.module.rule('html') */
+      {
+        test: /\\\\.html$/,
+        use: [
+          /* config.module.rule('html').use('raw-loader') */
+          {
+            loader: 'raw-loader'
+          }
+        ]
+      }
+    ]
+  },
+  optimization: {
+    splitChunks: {
+      cacheGroups: {
+        defaultVendor: {
+          test: /[\\\\\\\\/]node_modules[\\\\\\\\/]/,
+          priority: -10,
+          name: 'vendor',
+          chunks: 'all'
+        }
+      }
+    },
+    minimizer: [
+      /* config.optimization.minimizer('TerserPlugin') */
+      new TerserPlugin(
+        {
+          terserOptions: {
+            compress: {
+              collapse_vars: true,
+              sequences: true
+            },
+            keep_fnames: true
+          }
+        }
+      )
+    ]
+  },
+  plugins: [
+    /* config.plugin('ForkTsCheckerWebpackPlugin') */
+    new ForkTsCheckerWebpackPlugin(
+      {
+        typescript: {
+          memoryLimit: 4096
+        }
+      }
+    ),
+    /* config.plugin('CleanWebpackPlugin') */
+    new CleanWebpackPlugin(
+      {
+        cleanOnceBeforeBuildPatterns: [
+          '__jest__/platforms/ios/__jest__/app/**/*'
+        ],
+        verbose: false
+      }
+    ),
+    /* config.plugin('DefinePlugin') */
+    new DefinePlugin(
+      {
+        __DEV__: true,
+        __NS_WEBPACK__: true,
+        __CSS_PARSER__: '\\"css-tree\\"',
+        __ANDROID__: false,
+        __IOS__: true,
+        'global.isAndroid': false,
+        'global.isIOS': true,
+        process: 'global.process'
+      }
+    ),
+    /* config.plugin('CopyWebpackPlugin') */
+    new CopyPlugin(
+      {
+        patterns: [
+          {
+            from: 'assets/**',
+            context: '__jest__/src',
+            noErrorOnMissing: true,
+            globOptions: {
+              dot: false
+            }
+          },
+          {
+            from: 'fonts/**',
+            context: '__jest__/src',
+            noErrorOnMissing: true,
+            globOptions: {
+              dot: false
+            }
+          },
+          {
+            from: '**/*.+(jpg|png)',
+            context: '__jest__/src',
+            noErrorOnMissing: true,
+            globOptions: {
+              dot: false
+            }
+          }
+        ]
+      }
+    ),
+    /* config.plugin('WatchStatePlugin') */
+    new WatchStatePlugin(),
+    /* config.plugin('AngularCompilerPlugin') */
+    new AngularCompilerPlugin(
+      {
+        tsConfigPath: '__jest__/tsconfig.json',
+        mainPath: '__jest__/src/app.js',
+        platformTransformers: [
+          function () { /* omitted long function */ }
+        ]
+      }
+    )
+  ],
+  entry: {
+    bundle: [
+      '@nativescript/core/globals/index.js',
+      '__jest__/src/app.js'
+    ],
+    'tns_modules/@nativescript/core/inspector_modules': [
+      '@nativescript/core/inspector_modules'
+    ]
+  }
+}"
+`;

packages/webpack5/__tests__/configuration/__snapshots__/react.spec.ts.snap

@@ -196,7 +196,7 @@ exports[`react configuration > android > adds ReactRefreshWebpackPlugin when HMR
         patterns: [
           {
             from: 'assets/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -204,7 +204,7 @@ exports[`react configuration > android > adds ReactRefreshWebpackPlugin when HMR
           },
           {
             from: 'fonts/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -212,7 +212,7 @@ exports[`react configuration > android > adds ReactRefreshWebpackPlugin when HMR
           },
           {
             from: '**/*.+(jpg|png)',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -238,7 +238,7 @@ exports[`react configuration > android > adds ReactRefreshWebpackPlugin when HMR
   entry: {
     bundle: [
       '@nativescript/core/globals/index.js',
-      'src/app.js'
+      '__jest__/src/app.js'
     ]
   }
 }"
@@ -429,7 +429,7 @@ exports[`react configuration > android > base config 1`] = `
         patterns: [
           {
             from: 'assets/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -437,7 +437,7 @@ exports[`react configuration > android > base config 1`] = `
           },
           {
             from: 'fonts/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -445,7 +445,7 @@ exports[`react configuration > android > base config 1`] = `
           },
           {
             from: '**/*.+(jpg|png)',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -460,7 +460,7 @@ exports[`react configuration > android > base config 1`] = `
   entry: {
     bundle: [
       '@nativescript/core/globals/index.js',
-      'src/app.js'
+      '__jest__/src/app.js'
     ]
   }
 }"
@@ -662,7 +662,7 @@ exports[`react configuration > ios > adds ReactRefreshWebpackPlugin when HMR ena
         patterns: [
           {
             from: 'assets/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -670,7 +670,7 @@ exports[`react configuration > ios > adds ReactRefreshWebpackPlugin when HMR ena
           },
           {
             from: 'fonts/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -678,7 +678,7 @@ exports[`react configuration > ios > adds ReactRefreshWebpackPlugin when HMR ena
           },
           {
             from: '**/*.+(jpg|png)',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -704,7 +704,7 @@ exports[`react configuration > ios > adds ReactRefreshWebpackPlugin when HMR ena
   entry: {
     bundle: [
       '@nativescript/core/globals/index.js',
-      'src/app.js'
+      '__jest__/src/app.js'
     ],
     'tns_modules/@nativescript/core/inspector_modules': [
       '@nativescript/core/inspector_modules'
@@ -898,7 +898,7 @@ exports[`react configuration > ios > base config 1`] = `
         patterns: [
           {
             from: 'assets/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -906,7 +906,7 @@ exports[`react configuration > ios > base config 1`] = `
           },
           {
             from: 'fonts/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -914,7 +914,7 @@ exports[`react configuration > ios > base config 1`] = `
           },
           {
             from: '**/*.+(jpg|png)',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -929,7 +929,7 @@ exports[`react configuration > ios > base config 1`] = `
   entry: {
     bundle: [
       '@nativescript/core/globals/index.js',
-      'src/app.js'
+      '__jest__/src/app.js'
     ],
     'tns_modules/@nativescript/core/inspector_modules': [
       '@nativescript/core/inspector_modules'

packages/webpack5/__tests__/configuration/__snapshots__/svelte.spec.ts.snap

@@ -209,7 +209,7 @@ exports[`svelte configuration for android 1`] = `
         patterns: [
           {
             from: 'assets/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -217,7 +217,7 @@ exports[`svelte configuration for android 1`] = `
           },
           {
             from: 'fonts/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -225,7 +225,7 @@ exports[`svelte configuration for android 1`] = `
           },
           {
             from: '**/*.+(jpg|png)',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -240,7 +240,7 @@ exports[`svelte configuration for android 1`] = `
   entry: {
     bundle: [
       '@nativescript/core/globals/index.js',
-      'src/app.js'
+      '__jest__/src/app.js'
     ]
   }
 }"
@@ -455,7 +455,7 @@ exports[`svelte configuration for ios 1`] = `
         patterns: [
           {
             from: 'assets/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -463,7 +463,7 @@ exports[`svelte configuration for ios 1`] = `
           },
           {
             from: 'fonts/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -471,7 +471,7 @@ exports[`svelte configuration for ios 1`] = `
           },
           {
             from: '**/*.+(jpg|png)',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -486,7 +486,7 @@ exports[`svelte configuration for ios 1`] = `
   entry: {
     bundle: [
       '@nativescript/core/globals/index.js',
-      'src/app.js'
+      '__jest__/src/app.js'
     ],
     'tns_modules/@nativescript/core/inspector_modules': [
       '@nativescript/core/inspector_modules'

packages/webpack5/__tests__/configuration/__snapshots__/vue.spec.ts.snap

@@ -211,7 +211,7 @@ exports[`vue configuration for android 1`] = `
         patterns: [
           {
             from: 'assets/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -219,7 +219,7 @@ exports[`vue configuration for android 1`] = `
           },
           {
             from: 'fonts/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -227,7 +227,7 @@ exports[`vue configuration for android 1`] = `
           },
           {
             from: '**/*.+(jpg|png)',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -242,7 +242,7 @@ exports[`vue configuration for android 1`] = `
   entry: {
     bundle: [
       '@nativescript/core/globals/index.js',
-      'src/app.js'
+      '__jest__/src/app.js'
     ]
   }
 }"
@@ -459,7 +459,7 @@ exports[`vue configuration for ios 1`] = `
         patterns: [
           {
             from: 'assets/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -467,7 +467,7 @@ exports[`vue configuration for ios 1`] = `
           },
           {
             from: 'fonts/**',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -475,7 +475,7 @@ exports[`vue configuration for ios 1`] = `
           },
           {
             from: '**/*.+(jpg|png)',
-            context: 'src',
+            context: '__jest__/src',
             noErrorOnMissing: true,
             globOptions: {
               dot: false
@@ -490,7 +490,7 @@ exports[`vue configuration for ios 1`] = `
   entry: {
     bundle: [
       '@nativescript/core/globals/index.js',
-      'src/app.js'
+      '__jest__/src/app.js'
     ],
     'tns_modules/@nativescript/core/inspector_modules': [
       '@nativescript/core/inspector_modules'

packages/webpack5/__tests__/configuration/angular.spec.ts

@@ -0,0 +1,28 @@
+import Config from 'webpack-chain';
+import angular from '../../src/configuration/angular';
+import { init } from '../../src';
+
+jest.mock(
+	'@ngtools/webpack',
+	() => {
+		class AngularCompilerPlugin {}
+
+		return {
+			AngularCompilerPlugin,
+		};
+	},
+	{ virtual: true }
+);
+
+describe.only('angular configuration', () => {
+	const platforms = ['ios', 'android'];
+
+	for (let platform of platforms) {
+		it(`for ${platform}`, () => {
+			init({
+				[platform]: true,
+			});
+			expect(angular(new Config()).toString()).toMatchSnapshot();
+		});
+	}
+});

packages/webpack5/__tests__/configuration/react.spec.ts

@@ -1,4 +1,3 @@
-// @ts-ignore
 import Config from 'webpack-chain';
 import react from '../../src/configuration/react';
 import { init } from '../../src';

packages/webpack5/__tests__/configuration/svelte.spec.ts

@@ -1,8 +1,11 @@
-// @ts-ignore
 import Config from 'webpack-chain';
 import svelte from '../../src/configuration/svelte';
 import { init } from '../../src';
 
+mockFile('./svelte.config.js', '');
+// jest.mock('__jest__/svelte.config.js', () => {
+// }, { virtual: true })
+
 describe.only('svelte configuration', () => {
 	const platforms = ['ios', 'android'];
 

packages/webpack5/__tests__/configuration/vue.spec.ts

@@ -1,4 +1,3 @@
-// @ts-ignore
 import Config from 'webpack-chain';
 import vue from '../../src/configuration/vue';
 import { init } from '../../src';