refactor(FeaturesComponent): Convert to standalone (#1787)

src/app/app-routing.module.ts

@@ -16,7 +16,7 @@ const routes: Routes = [
   },
   {
     path: 'features',
-    loadChildren: () => import('./features/features.module').then((m) => m.FeaturesModule)
+    loadComponent: () => import('./features/features.component').then((m) => m.FeaturesComponent)
   },
   {
     path: 'forgot',

src/app/features/features.component.spec.ts

@@ -1,18 +1,19 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-
 import { FeaturesComponent } from './features.component';
+import { provideRouter } from '@angular/router';
 
 describe('FeaturesComponent', () => {
   let component: FeaturesComponent;
   let fixture: ComponentFixture<FeaturesComponent>;
 
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [FeaturesComponent],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
-  }));
+  beforeEach(
+    waitForAsync(() => {
+      TestBed.configureTestingModule({
+        imports: [FeaturesComponent],
+        providers: [provideRouter([])]
+      }).compileComponents();
+    })
+  );
 
   beforeEach(() => {
     fixture = TestBed.createComponent(FeaturesComponent);

src/app/features/features.component.ts

@@ -1,12 +1,23 @@
-import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatIconModule } from '@angular/material/icon';
+import { RouterModule } from '@angular/router';
 
 @Component({
+  imports: [
+    CommonModule,
+    FlexLayoutModule,
+    MatButtonModule,
+    MatDividerModule,
+    MatIconModule,
+    RouterModule
+  ],
   selector: 'app-features',
-  templateUrl: './features.component.html',
-  styleUrls: ['./features.component.scss']
+  standalone: true,
+  styleUrl: './features.component.scss',
+  templateUrl: './features.component.html'
 })
-export class FeaturesComponent implements OnInit {
-  constructor() {}
-
-  ngOnInit() {}
-}
+export class FeaturesComponent {}