@triptease/tt-navbar 0.0.10 → 0.0.11

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent tt-navbar following open-wc recommendations",
   "license": "MIT",
   "author": "tt-navbar",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",

package/src/TtNavbar.ts

@@ -149,7 +149,11 @@ export class TtNavbar extends LitElement {
           </details>
         </div>
         <slot name="clientSelector"></slot>
-        <slot name="logout"></slot>
+        <a
+          class="nav-item"
+          href=${this.buildUrl('/logout')}
+          @click=${this.onAnchorClick}
+        >Logout</a>
       </nav>
     `;
   }

package/test/tt-navbar.test.ts

@@ -29,7 +29,7 @@ describe('TtNavbar', () => {
     );
     const links = navbar.shadowRoot?.querySelectorAll('a');
 
-    expect(links?.length).to.equal(13);
+    expect(links?.length).to.equal(14);
 
     if (links) {
       expect(getLinkByHref(links, '/')).to.exist;
@@ -84,7 +84,7 @@ describe('TtNavbar', () => {
     links?.forEach(l => l.click());
 
     await waitUntil(
-      () => expect(navigateEventCount).to.equal(12),
+      () => expect(navigateEventCount).to.equal(13),
       'navigate event did not fire',
     );
   });
@@ -99,13 +99,13 @@ describe('TtNavbar', () => {
     expect(clientSelector).to.exist;
   });
 
-  it('should render the logout button slot', async () => {
+  it('should render the logout link', async () => {
     const navbar = await fixture<TtNavbar>(
-      `<tt-navbar client-key=${CLIENT_KEY}><div slot="logoutButton"><button id="logoutBtn">Logout</button></div></tt-navbar>`,
-    );
+      `<tt-navbar client-key=${CLIENT_KEY}></tt-navbar>`);
 
-    const logoutBtn = navbar.querySelector('#logoutBtn');
+    const links = navbar.shadowRoot?.querySelectorAll('a')
+    const logoutLink = getLinkByHref(links!, '/logout');
 
-    expect(logoutBtn).to.exist;
+    expect(logoutLink).to.exist;
   })
 });