help(mat-select): standalone comp testing error TypeError: element.animate is not a function

[GeorgeKnap]

What are you trying to do?

I'm trying to have a test of a standalone component which contains mat-select.
However, no matter what I do I face an error TypeError: element.animate is not a function
This is my test:

  it('should be able to open and close a select', async () => {
    const select = await loader.getHarness(MatSelectHarness);
    expect(await select.isOpen()).toBe(false);
    await select.open();
    expect(await select.isOpen()).toBe(true);
    await select.close();
    expect(await select.isOpen()).toBe(false);
  });

What troubleshooting steps have you tried?

I tried to provide provideNoopAnimations() in providers of TestBed.configureTestingModule() and also in providers of TestBed.overrideComponent() but it does not have any effect

Reproduction

Steps to reproduce:
1.
2.

Environment

• Angular: 14.2.3
• CDK/Material: 14.2.2
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Win11

[GeorgeKnap]

I did a stackblitz and it works there so it must be my environment thing
https://stackblitz.com/edit/angular-mhomxf?file=src/app/select-harness-example.spec.ts

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}