diff --git a/apps/example-app/src/app/examples/04-forms-with-material.spec.ts b/apps/example-app/src/app/examples/04-forms-with-material.spec.ts
index 24b9cdc9..638d76ff 100644
--- a/apps/example-app/src/app/examples/04-forms-with-material.spec.ts
+++ b/apps/example-app/src/app/examples/04-forms-with-material.spec.ts
@@ -1,15 +1,12 @@
import { render, screen } from '@testing-library/angular';
import userEvent from '@testing-library/user-event';
-import { MaterialModule } from '../material.module';
import { MaterialFormsComponent } from './04-forms-with-material';
test('is possible to fill in a form and verify error messages (with the help of jest-dom https://testing-library.com/docs/ecosystem-jest-dom)', async () => {
const user = userEvent.setup();
- const { fixture } = await render(MaterialFormsComponent, {
- imports: [MaterialModule],
- });
+ const { fixture } = await render(MaterialFormsComponent);
const nameControl = screen.getByLabelText(/name/i);
const scoreControl = screen.getByRole('spinbutton', { name: /score/i });
@@ -69,9 +66,7 @@ test('is possible to fill in a form and verify error messages (with the help of
test('set and show pre-set form values', async () => {
const user = userEvent.setup();
- const { fixture, detectChanges } = await render(MaterialFormsComponent, {
- imports: [MaterialModule],
- });
+ const { fixture, detectChanges } = await render(MaterialFormsComponent);
fixture.componentInstance.form.setValue({
name: 'Max',
diff --git a/apps/example-app/src/app/examples/04-forms-with-material.ts b/apps/example-app/src/app/examples/04-forms-with-material.ts
index 852a345b..ef80493e 100644
--- a/apps/example-app/src/app/examples/04-forms-with-material.ts
+++ b/apps/example-app/src/app/examples/04-forms-with-material.ts
@@ -1,7 +1,23 @@
import { Component } from '@angular/core';
-import { FormBuilder, Validators } from '@angular/forms';
-
+import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
+import { NgForOf, NgIf } from '@angular/common';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatNativeDateModule } from '@angular/material/core';
@Component({
+ standalone: true,
+ imports: [
+ MatInputModule,
+ MatSelectModule,
+ MatDatepickerModule,
+ MatNativeDateModule,
+ MatCheckboxModule,
+ ReactiveFormsModule,
+ NgForOf,
+ NgIf,
+ ],
selector: 'app-fixture',
template: `