Testing Angular 14 Standalone Components with Spectator

Question

Our test runner is Jest.

Our component is marked as standalone: true,

If try to set up spectator like this:

describe('OurComponent', () => {
    let spectator: Spectator<OurComponent>;

    const fakeActivatedRoute: ActivatedRoute = {
        snapshot: {data: {}},
    } as ActivatedRoute;

    const componentFactory: SpectatorFactory<OurComponent> = createComponentFactory({
        component: OurComponent,
        imports: [
            // some imports
        ],
        providers: [
           // some providers
        ],
        detectChanges: false,
        shallow: true,
    });

    beforeEach(async () => {
        spectator = componentFactory();
    });

    it('should be created', () => {
        expect(spectator).toBeDefined();
    });
});

Then we run into the following error: "Error: Unexpected "OurComponent" found in the "declarations" array of the "TestBed.configureTestingModule" call, "OurComponent" is marked as standalone and can't be declared in any NgModule - did you intend to import it instead (by adding it to the "imports" array)?"

Using the Angular-CLI in order to generate resulted in a component with a test file which is built upon ComponentFixture.

How can we make it possible to test a standalone component using Spectator?

Isadora Bartkowiak · Accepted Answer · 2023-02-17 14:18:09Z

2

Depends on your spectator version (mine is 10.0.0) but you can use the declareComponent property :

const componentFactory: SpectatorFactory<OurComponent> = createComponentFactory({
    component: OurComponent,
    declareComponent: false,
});

answered Feb 17, 2023 at 14:18

Isadora Bartkowiak

361 bronze badge

Sign up to request clarification or add additional context in comments.

1 Comment

Andreas Lauer Over a year ago

declareComponent: false did the trick - thanks a lot!

Collectives™ on Stack Overflow

Testing Angular 14 Standalone Components with Spectator

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related