Even though the MatPaginagorModule
is in my list of modules to remove from the test, when I pull the test up in a browser, I see remnants of it are still being rendered. Why is this?
describe('HomepageTabServiceAlertsCancellationsComponent', () => {
let component: HomepageTabServiceAlertsCancellationsComponent;
let fixture: ComponentFixture<HomepageTabServiceAlertsCancellationsComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [ HomepageTabServiceAlertsCancellationsComponent ]
})
.overrideComponent(HomepageTabServiceAlertsCancellationsComponent, {
remove: {
imports: [
MatTableModule,
MatMenuModule,
MatIconModule,
MatButtonModule,
CommonModule,
MatChipsModule,
MatCheckboxModule,
MatPaginatorModule,
MatSortModule,
MatTooltipModule,
RouterLink,
RouterOutlet
],
},
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(HomepageTabServiceAlertsCancellationsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
let testNumber = 1;
afterEach((done) => {
runAdaTests(fixture, 'HomepageTabServiceAlertsCancellationsComponent', testNumber, done);
testNumber++;
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
Template:
...
<div class="row">
<div class="col">
<mat-paginator
[length]="10"
[pageSizeOptions]="[10, 15, 20]"
showFirstLastButtons
aria-label="Select page of periodic elements">
</mat-paginator>
</div>
</div>