89 lines
2.5 KiB
TypeScript
89 lines
2.5 KiB
TypeScript
|
import {
|
||
|
|
ChangeDetectionStrategy,
|
||
|
|
Component,
|
||
|
|
Directive,
|
||
|
|
ViewChild,
|
||
|
|
ViewContainerRef,
|
||
|
|
provideZoneChangeDetection,
|
||
|
|
signal,
|
||
|
|
inject,
|
||
|
|
} from '@angular/core';
|
||
|
|
import {ComponentFixture, TestBed, fakeAsync, flush, tick} from '@angular/core/testing';
|
||
|
|
import {NoopAnimationsModule} from '@angular/platform-browser/animations';
|
||
|
|
import {MatSnackBarModule} from './module';
|
||
|
|
import {MatSnackBar} from './snack-bar';
|
||
|
|
import {MatSnackBarConfig} from './snack-bar-config';
|
||
|
|
|
||
|
|
describe('MatSnackBar Zone.js integration', () => {
|
||
|
|
let snackBar: MatSnackBar;
|
||
|
|
let viewContainerFixture: ComponentFixture<ComponentWithChildViewContainer>;
|
||
|
|
|
||
|
|
beforeEach(fakeAsync(() => {
|
||
|
|
TestBed.configureTestingModule({
|
||
|
|
imports: [
|
||
|
|
MatSnackBarModule,
|
||
|
|
NoopAnimationsModule,
|
||
|
|
ComponentWithChildViewContainer,
|
||
|
|
DirectiveWithViewContainer,
|
||
|
|
],
|
||
|
|
providers: [provideZoneChangeDetection()],
|
||
|
|
});
|
||
|
|
|
||
|
|
snackBar = TestBed.inject(MatSnackBar);
|
||
|
|
viewContainerFixture = TestBed.createComponent(ComponentWithChildViewContainer);
|
||
|
|
viewContainerFixture.detectChanges();
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should clear the dismiss timeout when dismissed before timeout expiration', fakeAsync(() => {
|
||
|
|
let config = new MatSnackBarConfig();
|
||
|
|
config.duration = 1000;
|
||
|
|
snackBar.open('content', 'test', config);
|
||
|
|
|
||
|
|
setTimeout(() => snackBar.dismiss(), 500);
|
||
|
|
|
||
|
|
tick(600);
|
||
|
|
flush();
|
||
|
|
|
||
|
|
expect(viewContainerFixture.isStable()).toBe(true);
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should clear the dismiss timeout when dismissed with action', fakeAsync(() => {
|
||
|
|
let config = new MatSnackBarConfig();
|
||
|
|
config.duration = 1000;
|
||
|
|
const snackBarRef = snackBar.open('content', 'test', config);
|
||
|
|
|
||
|
|
setTimeout(() => snackBarRef.dismissWithAction(), 500);
|
||
|
|
|
||
|
|
tick(600);
|
||
|
|
viewContainerFixture.detectChanges();
|
||
|
|
tick();
|
||
|
|
|
||
|
|
expect(viewContainerFixture.isStable()).toBe(true);
|
||
|
|
}));
|
||
|
|
});
|
||
|
|
|
||
|
|
@Directive({
|
||
|
|
selector: 'dir-with-view-container',
|
||
|
|
standalone: true,
|
||
|
|
})
|
||
|
|
class DirectiveWithViewContainer {
|
||
|
|
viewContainerRef = inject(ViewContainerRef);
|
||
|
|
}
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'arbitrary-component',
|
||
|
|
template: `@if (childComponentExists()) {<dir-with-view-container></dir-with-view-container>}`,
|
||
|
|
standalone: true,
|
||
|
|
imports: [DirectiveWithViewContainer],
|
||
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
||
|
|
})
|
||
|
|
class ComponentWithChildViewContainer {
|
||
|
|
@ViewChild(DirectiveWithViewContainer) childWithViewContainer: DirectiveWithViewContainer;
|
||
|
|
|
||
|
|
childComponentExists = signal(true);
|
||
|
|
|
||
|
|
get childViewContainer() {
|
||
|
|
return this.childWithViewContainer.viewContainerRef;
|
||
|
|
}
|
||
|
|
}
|