test: update test

Author: bennypowers

elements/pf-alert/demo/variations.html

@@ -30,7 +30,6 @@
   import '@patternfly/elements/pf-button/pf-button.js';
 </script>
 
-
 <style>
   pf-alert {
     margin-block-end: 1em;

elements/pf-alert/test/pf-alert.spec.ts

@@ -12,35 +12,35 @@ describe('pf-alert Unit Tests', () => {
     const el = await fixture(html`
       <pf-alert><span slot="title">My Title</span></pf-alert>
     `);
-    const titleSlot = el.shadowRoot!.querySelector('#title-area slot[name="title"]');
+    const titleSlot = el.shadowRoot!.querySelector('#title slot[name="title"]');
     expect(titleSlot).to.exist;
   });
 
-  it('close button should appear when onClose=true', async () => {
-    const el = await fixture(html`<pf-alert .onClose=${true}></pf-alert>`);
-    const btn = el.shadowRoot!.querySelector('#close-button')!;
+  it('close button should appear when dismissable=true', async () => {
+    const el = await fixture(html`<pf-alert .dismissable=${true}></pf-alert>`);
+    const btn = el.shadowRoot!.querySelector('#close')!;
     expect(btn.hasAttribute('hidden')).to.be.false;
   });
 
   it('should remove itself after timeout', async () => {
     const el = await fixture(html`<pf-alert .timeout=${50}></pf-alert>`);
-    const removed = new Promise<void>(resolve => el.addEventListener('pf-alert:timeout', () => resolve()));
+    const removed = new Promise<void>(resolve => el.addEventListener('close', () => resolve()));
     await removed;
     expect(document.body.contains(el)).to.be.false;
   });
 
-  it('should toggle isExpandable when toggle button clicked', async () => {
+  it('should toggle expanded when toggle button clicked', async () => {
     const el = await fixture(html`
-      <pf-alert isExpandable><span slot="isExpandable">Content</span></pf-alert>
+      <pf-alert expandable><span>Content</span></pf-alert>
     `) as any;
     await el.updateComplete;
-    const toggle = el.shadowRoot!.querySelector('#toggle-button') as HTMLElement;
-    const initial = el.isExpandable;
+    const toggle = el.shadowRoot!.querySelector('#toggle') as HTMLElement;
+    const initial = el.expanded;
     toggle.click();
     await el.updateComplete;
-    expect(el.isExpandable).to.equal(!initial);
+    expect(el.expanded).to.equal(!initial);
     toggle.click();
     await el.updateComplete;
-    expect(el.isExpandable).to.equal(initial);
+    expect(el.expanded).to.equal(initial);
   });
 });