feat: add a tag name to the popover window component

Fixes #70
mattlewis92 · Feb 10, 2018 · 85902d6 · 85902d6
1 parent 4b70467
commit 85902d6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git 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
@@ -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<TestComponent> = TestBed.createComponent(
+        TestComponent
+      );
+      clickFixture(fixture);
+      const popover: ComponentRef<ConfirmationPopoverWindowComponent> =
+        fixture.componentInstance.confirm.popover;
+      expect(popover.location.nativeElement.tagName.toLowerCase()).to.equal(
+        'mwl-confirmation-popover-window'
+      );
+    });
   });
 
   describe('ConfirmOptions', () => {