diff --git a/src/confirmation-popover-window.component.ts b/src/confirmation-popover-window.component.ts index f3eec82..1373b4d 100644 --- a/src/confirmation-popover-window.component.ts +++ b/src/confirmation-popover-window.component.ts @@ -5,6 +5,7 @@ import { ConfirmationPopoverWindowOptions } from './confirmation-popover-window- * @internal */ @Component({ + selector: 'mwl-confirmation-popover-window', styles: [ ` .popover { diff --git a/test/angular-confirmation-popover.spec.ts b/test/angular-confirmation-popover.spec.ts index e116722..4e97ea0 100644 --- a/test/angular-confirmation-popover.spec.ts +++ b/test/angular-confirmation-popover.spec.ts @@ -615,6 +615,18 @@ describe('bootstrap confirm', () => { popover.location.nativeElement.querySelector('.confirm-btns') ).to.have.class('confirm-btns-reversed'); }); + + it('should add a selector to the popover window component', () => { + const fixture: ComponentFixture = TestBed.createComponent( + TestComponent + ); + clickFixture(fixture); + const popover: ComponentRef = + fixture.componentInstance.confirm.popover; + expect(popover.location.nativeElement.tagName.toLowerCase()).to.equal( + 'mwl-confirmation-popover-window' + ); + }); }); describe('ConfirmOptions', () => {