fix: backdrop custom class not added (#35)

Author: lokesh-coder

projects/toppy/src/lib/template.html

@@ -1,4 +1,4 @@
-<div class="t-backdrop" *ngIf="config.backdrop"></div>
+<div class="t-backdrop" *ngIf="config.backdrop" [ngClass]="config.backdropClass"></div>
 <div class="t-wrapper" [ngClass]="config.wrapperClass" [class]="extra" #wrapperEl>
   <ng-container [ngSwitch]="content.type">
     <ng-container *ngSwitchCase="'s'">

projects/toppy/src/tests/toppy.component.spec.ts

@@ -256,4 +256,15 @@ describe('@ ToppyComponent', () => {
       expect(el.querySelector('.t-wrapper').classList.value).toEqual('t-wrapper t');
     });
   });
+
+  describe('#config', () => {
+    it('should set custom class names', () => {
+      toppyComp.config.backdrop = true;
+      toppyComp.config.wrapperClass = 'custom-wrapper-class';
+      toppyComp.config.backdropClass = 'custom-backdrop-class';
+      fixture.detectChanges();
+      expect(el.querySelector('.t-wrapper').classList.value).toEqual('t-wrapper custom-wrapper-class t');
+      expect(el.querySelector('.t-backdrop').classList.value).toEqual('t-backdrop custom-backdrop-class');
+    });
+  });
 });