Some symbols not picked up by documentation infrastructure
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
`MatSelect` waits for a CSS `animationend` event to close, which never fires in the JSDOM test environment.
- Zone change detection works
- Zoneless CD with `provideNoopAnimations()` works
Since (a) the dependency on the `animations` package was removed in Sept 2025, and (b) within the `animations` package, `provideNoopAnimations()` is scheduled to go away in `v23`, I am wondering what the recommended path will be.
Our current workaround is to inject `ANIMATION_MODULE_TYPE` in our tests. e.g.)
```ts
await TestBed.configureTestingModule({
imports: [...],
providers: [
provideZonelessChangeDetection(),
{ provide: ANIMATION_MODULE_TYPE, useValue: 'NoopAnimations' },
],
}).compileComponents();
```
### Reproduction
StackBlitz link:
Steps to reproduce:
1.
2.
### Expected Behavior
A standardized way to test without `provideNoopAnimations()`.
### Actual Behavior
Tests that depend on waiting for the mat-select overlay to close fail.
### Environment
- Angular:
- CDK/Material:
- Browser(s):
- Operating System (e.g. Windows, macOS, Ubuntu):
Contributor guide
Research direction
Start by reproducing the MatSelect overlay-close failure in the JSDOM test environment and trace where it waits for the CSS animationend event. Compare that path with the provided TestBed workaround using ANIMATION_MODULE_TYPE and provideNoopAnimations(); done means identifying and documenting a standardized testing path.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- frontend, testing
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100