create-analog 0.1.5 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-analog",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "type": "module",
   "license": "MIT",
   "author": "Brandon Roberts",

package/template-angular-v14/README.md

@@ -14,7 +14,11 @@ Run `yarn dev` for a dev server. Navigate to `http://localhost:3000/`. The appli
 
 Run `yarn build` to build the project. The build artifacts will be stored in the `dist/` directory.
 
+## Test
+
+Run `yarn test` to run unit tests with [Vitest](https://vitest.dev).
+
 ## Community
 
 - Join the [Discord](https://discord.gg/mKC2Ec48U5)
-- Visit the [GitHub Repo](https://github.com/analogjs/analog)
+- Visit and Star the [GitHub Repo](https://github.com/analogjs/analog)

package/template-angular-v14/angular.json

@@ -10,6 +10,7 @@
       "sourceRoot": "src",
       "prefix": "app",
       "architect": {
+        "targets": {}
       }
     }
   }

package/template-angular-v14/package.json

@@ -7,7 +7,7 @@
     "start": "npm run dev",
     "build": "vite build",
     "watch": "vite build --watch",
-    "test": "ng test",
+    "test": "vitest",
     "postinstall": "vite optimize"
   },
   "private": true,
@@ -29,7 +29,9 @@
     "@angular-devkit/build-angular": "^14.0.3",
     "@angular/cli": "~14.0.3",
     "@angular/compiler-cli": "^14.0.0",
+    "jsdom": "^20.0.0",
     "typescript": "~4.7.2",
-    "vite": "^2.9.13"
+    "vite": "^2.9.13",
+    "vitest": "^0.17.0"
   }
 }

package/template-angular-v14/src/app/app.component.spec.ts

@@ -8,26 +8,26 @@ describe('AppComponent', () => {
       imports: [
         RouterTestingModule,
         AppComponent
-      ],
+      ]
     }).compileComponents();
   });
-
+  
   it('should create the app', () => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   });
 
-  it(`should have as title 'my-app'`, () => {
+  it(`should have an initial count of 0`, () => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.componentInstance;
-    expect(app.title).toEqual('my-app');
+    expect(app.count).toEqual(0);
   });
 
   it('should render title', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('.content span')?.textContent).toContain('my-app app is running!');
+    expect(compiled.querySelector('h1')?.textContent).toContain('Vite + Angular');
   });
 });

package/template-angular-v14/src/test.ts

@@ -1,26 +1,12 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+import '@analogjs/vite-plugin-angular/setup-vitest';
 
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
+  platformBrowserDynamicTesting,
 } from '@angular/platform-browser-dynamic/testing';
+import { getTestBed } from '@angular/core/testing';
 
-declare const require: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
-    <T>(id: string): T;
-    keys(): string[];
-  };
-};
-
-// First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
+  platformBrowserDynamicTesting()
 );
-
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().forEach(context);

package/template-angular-v14/tsconfig.spec.json

@@ -3,16 +3,8 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
+    "types": ["node", "vitest/globals"]
   },
-  "files": [
-    "src/test.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
+  "files": ["src/test.ts", "src/polyfills.ts"],
+  "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
 }

package/template-angular-v14/vite.config.ts

@@ -1,17 +1,31 @@
+/// <reference types="vitest" />
+
 import { defineConfig } from 'vite';
 import angular from '@analogjs/vite-plugin-angular';
 
 // https://vitejs.dev/config/
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
   root: 'src',
   publicDir: 'assets',
   build: {
     outDir: `../dist/my-app`,
     emptyOutDir: true,
-    target: 'es2020'
+    target: 'es2020',
   },
   resolve: {
     mainFields: ['module'],
   },
   plugins: [angular()],
-});
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: ['test.ts'],
+    include: ['**/*.spec.ts'],
+    cache: {
+      dir: `../node_modules/.vitest`,
+    },
+  },
+  define: {
+    'import.meta.vitest': mode !== 'production',
+  },
+}));