Some symbols not picked up by documentation infrastructure

Aperta
#32,783 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
angular, typescript
Ambito
frontend, testing

Direzione di ricerca

Inizia riproducendo il problema di chiusura dell’overlay di MatSelect nell’ambiente di test JSDOM e traccia il punto in cui attende l’evento di animazione CSS animationend. Confronta questo percorso con il workaround TestBed fornito che usa ANIMATION_MODULE_TYPE e provideNoopAnimations(); il lavoro è completo quando viene identificato e documentato un percorso di test standardizzato.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

area: dev-infra docs P3
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.)

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):
Lingua principale
TypeScript
Stelle
25k
Fork
6.9k
Merge medio
2g 7h
PR unite (30g)
83

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di angular/components

Tutte le issue di angular/components

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.