refactor(schematics): migrate schematics tests to Vitest (#5134)

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: timdeschryver

modules/schematics/jest.config.ts

@@ -16,15 +16,6 @@
       },
       "outputs": ["{options.outputFile}"]
     },
-    "test": {
-      "executor": "@nx/jest:jest",
-      "options": {
-        "jestConfig": "modules/schematics/jest.config.ts",
-        "runInBand": true,
-        "passWithNoTests": false
-      },
-      "outputs": ["{workspaceRoot}/coverage/modules/schematics"]
-    },
     "build-package": {
       "executor": "@nx/js:tsc",
       "options": {
@@ -83,6 +74,11 @@
         ]
       },
       "outputs": ["{workspaceRoot}/dist/modules/schematics"]
+    },
+    "test": {
+      "executor": "@analogjs/vitest-angular:test",
+      "dependsOn": ["build"],
+      "outputs": ["{workspaceRoot}/coverage/modules/schematics"]
     }
   }
 }

modules/schematics/project.json

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Action Schematic api should create api actions 1`] = `
+exports[`Action Schematic > api > should create api actions 1`] = `
 "import { createActionGroup, emptyProps, props } from '@ngrx/store';
 
 export const FooActions = createActionGroup({
@@ -14,7 +14,7 @@ export const FooActions = createActionGroup({
 "
 `;
 
-exports[`Action Schematic should create an action with the defined prefix 1`] = `
+exports[`Action Schematic > should create an action with the defined prefix 1`] = `
 "import { createActionGroup, emptyProps, props } from '@ngrx/store';
 
 export const FooActions = createActionGroup({
@@ -28,7 +28,7 @@ export const FooActions = createActionGroup({
 "
 `;
 
-exports[`Action Schematic should create api actions (load, success, error) when the api flag is set 1`] = `
+exports[`Action Schematic > should create api actions (load, success, error) when the api flag is set 1`] = `
 "import { createActionGroup, emptyProps, props } from '@ngrx/store';
 
 export const FooActions = createActionGroup({
@@ -42,7 +42,7 @@ export const FooActions = createActionGroup({
 "
 `;
 
-exports[`Action Schematic should define actions using createActionGroup 1`] = `
+exports[`Action Schematic > should define actions using createActionGroup 1`] = `
 "import { createActionGroup, emptyProps, props } from '@ngrx/store';
 
 export const FooActions = createActionGroup({

modules/schematics/src/action/__snapshots__/index.spec.ts.snap

@@ -10,12 +10,11 @@ import {
   defaultWorkspaceOptions,
   defaultAppOptions,
 } from '@ngrx/schematics-core/testing';
-import { capitalize } from '../../schematics-core/utility/strings';
 
 describe('Action Schematic', () => {
   const schematicRunner = new SchematicTestRunner(
     '@ngrx/schematics',
-    path.join(__dirname, '../../collection.json')
+    path.join(process.cwd(), 'dist/modules/schematics/collection.json')
   );
   const defaultOptions: ActionOptions = {
     name: 'foo',

modules/schematics/src/action/index.spec.ts

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`component-store should import into a specified module when the module provided 1`] = `
+exports[`component-store > should import into a specified module when the module provided 1`] = `
 "import { NgModule, provideBrowserGlobalErrorListeners } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 
@@ -24,7 +24,7 @@ export class AppModule { }
 "
 `;
 
-exports[`component-store should inject the component store correctly into the spec 1`] = `
+exports[`component-store > should inject the component store correctly into the spec 1`] = `
 "import { FooStore } from './foo.store';
 
 describe('FooStore', () => {
@@ -37,7 +37,7 @@ describe('FooStore', () => {
 "
 `;
 
-exports[`component-store should not be provided into the module by default 1`] = `
+exports[`component-store > should not be provided into the module by default 1`] = `
 "import { NgModule, provideBrowserGlobalErrorListeners } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 
@@ -59,7 +59,7 @@ export class AppModule { }
 "
 `;
 
-exports[`component-store should register the component store in the provided component 1`] = `
+exports[`component-store > should register the component store in the provided component 1`] = `
 "import { Component, signal } from '@angular/core';
 import { FooStore } from './foo/foo.store';
 

modules/schematics/src/component-store/__snapshots__/index.spec.ts.snap

@@ -14,7 +14,7 @@ import {
 describe('component-store', () => {
   const schematicRunner = new SchematicTestRunner(
     '@ngrx/schematics',
-    path.join(__dirname, '../../collection.json')
+    path.join(process.cwd(), 'dist/modules/schematics/collection.json')
   );
 
   const defaultOptions: ComponentStoreOptions = {

modules/schematics/src/component-store/index.spec.ts

@@ -1,15 +1,15 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Container Schematic display-block should be disabled by default 1`] = `""`;
+exports[`Container Schematic > display-block > should be disabled by default 1`] = `""`;
 
-exports[`Container Schematic display-block should create add style if true 1`] = `
+exports[`Container Schematic > display-block > should create add style if true 1`] = `
 ":host {
   display: block;
 }
 "
 `;
 
-exports[`Container Schematic should import Store into the component 1`] = `
+exports[`Container Schematic > should import Store into the component 1`] = `
 "import { Component } from '@angular/core';
 import { Store } from '@ngrx/store';
 import * as fromStore from '../reducers';
@@ -26,7 +26,7 @@ export class Foo {
 "
 `;
 
-exports[`Container Schematic should respect the state option if not provided 1`] = `
+exports[`Container Schematic > should respect the state option if not provided 1`] = `
 "import { Component } from '@angular/core';
 import { Store } from '@ngrx/store';
 
@@ -42,7 +42,7 @@ export class Foo {
 "
 `;
 
-exports[`Container Schematic should update the component spec 1`] = `
+exports[`Container Schematic > should update the component spec 1`] = `
 "import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { FooComponent } from './foo.component';
@@ -77,7 +77,7 @@ describe('FooComponent', () => {
 "
 `;
 
-exports[`Container Schematic should use StoreModule if integration test 1`] = `
+exports[`Container Schematic > should use StoreModule if integration test 1`] = `
 "import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { FooComponent } from './foo.component';
@@ -113,7 +113,7 @@ describe('FooComponent', () => {
 "
 `;
 
-exports[`Container Schematic standalone should be standalone by default 1`] = `
+exports[`Container Schematic > standalone > should be standalone by default 1`] = `
 "import { Component } from '@angular/core';
 import { Store } from '@ngrx/store';
 
@@ -129,7 +129,7 @@ export class Foo {
 "
 `;
 
-exports[`Container Schematic standalone should create a non-standalone component if false 1`] = `
+exports[`Container Schematic > standalone > should create a non-standalone component if false 1`] = `
 "import { Component } from '@angular/core';
 import { Store } from '@ngrx/store';
 

modules/schematics/src/container/__snapshots__/index.spec.ts.snap

@@ -12,7 +12,7 @@ import {
 describe('Container Schematic', () => {
   const schematicRunner = new SchematicTestRunner(
     '@ngrx/schematics',
-    path.join(__dirname, '../../collection.json')
+    path.join(process.cwd(), 'dist/modules/schematics/collection.json')
   );
 
   const defaultOptions: ContainerOptions = {

modules/schematics/src/container/index.spec.ts

@@ -1,13 +1,13 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Data Schematic should create a model interface 1`] = `
+exports[`Data Schematic > should create a model interface 1`] = `
 "export interface Foo {
   id?: unknown;
 }
 "
 `;
 
-exports[`Data Schematic should create a service class 1`] = `
+exports[`Data Schematic > should create a service class 1`] = `
 "import { Injectable, inject } from '@angular/core';
 import {
   EntityCollectionServiceBase,
@@ -24,7 +24,7 @@ export class FooService extends EntityCollectionServiceBase<Foo> {
 "
 `;
 
-exports[`Data Schematic should create a spec class 1`] = `
+exports[`Data Schematic > should create a spec class 1`] = `
 "import { TestBed } from '@angular/core/testing';
 import {
   EntityCollectionServiceElementsFactory

modules/schematics/src/data/__snapshots__/index.spec.ts.snap

@@ -14,7 +14,7 @@ import {
 describe('Data Schematic', () => {
   const schematicRunner = new SchematicTestRunner(
     '@ngrx/schematics',
-    path.join(__dirname, '../../collection.json')
+    path.join(process.cwd(), 'dist/modules/schematics/collection.json')
   );
   const defaultOptions: DataOptions = {
     name: 'foo',