added test for headline styling

Author: JesmoDev

packages/uui-dialog-layout/lib/uui-dialog-layout.test.ts

@@ -1,4 +1,4 @@
-import { html, fixture, expect } from '@open-wc/testing';
+import { html, fixture, expect, elementUpdated } from '@open-wc/testing';
 import { UUIDialogLayoutElement } from './uui-dialog-layout.element';
 import '.';
 
@@ -33,4 +33,20 @@ describe('UUIDialogLayoutElement', () => {
       expect(slot).to.exist;
     });
   });
+
+  describe('styling', () => {
+    it('set display none when no headline is provided', () => {
+      const display = element.shadowRoot!.querySelector('h3')!.style.display;
+
+      expect(display).to.equal('none');
+    });
+    it('set resets display when a headline is provided', async () => {
+      element.headline = 'headline';
+
+      await elementUpdated(element);
+      const display = element.shadowRoot!.querySelector('h3')!.style.display;
+
+      expect(display).to.equal('');
+    });
+  });
 });