test --uui-toast-notification-animation-duration

Author: nielslyngsoe

packages/uui-toast-notification/lib/uui-toast-notification.test.ts

@@ -18,13 +18,19 @@ function sleep(ms: number) {
   return new Promise(resolve => setTimeout(resolve, ms));
 }
 
+const animationDuration: number = 25; // still needs to be some time, otherwise it goes too fast for the rendering and the test to work properly.
+
 describe('UUIToastNotificationElement', () => {
   let element: UUIToastNotificationElement;
 
   beforeEach(async () => {
     element = await fixture(
       html` <uui-toast-notification></uui-toast-notification> `
     );
+    element.style.setProperty(
+      '--uui-toast-notification-animation-duration',
+      animationDuration + 'ms'
+    );
   });
 
   it('passes the a11y audit', async () => {
@@ -50,6 +56,14 @@ describe('UUIToastNotificationElement', () => {
     it('has a resumeAutoClose method', () => {
       expect(element).to.have.property('resumeAutoClose').that.is.a('function');
     });
+    it('private _getAnimationDuration', () => {
+      expect(element)
+        .to.have.property('_getAnimationDuration')
+        .that.is.a('function');
+      expect((element as any)._getAnimationDuration()).to.be.equal(
+        animationDuration
+      );
+    });
   });
 
   describe('template', () => {