@internetarchive/ia-topnav 2.0.0 → 2.0.1-alpha-webdev8396.0

package/test/primary-nav.test.ts

@@ -1,135 +1,135 @@
-import {
-  html,
-  fixture,
-  expect,
-  fixtureCleanup,
-  elementUpdated,
-} from '@open-wc/testing';
-
-import '../src/primary-nav';
-import { IATopNavConfig, IATopNavSecondIdentitySlotMode } from '../src/models';
-import { PrimaryNav } from '../src/primary-nav';
-
-const component = ({
-  baseHost = 'archive.org',
-  username = '',
-  screenName = '',
-  hideSearch = false,
-  config = {},
-  secondIdentitySlotMode = 'allow',
-}: {
-  baseHost?: string;
-  username?: string;
-  screenName?: string;
-  hideSearch?: boolean;
-  config?: IATopNavConfig;
-  secondIdentitySlotMode?: IATopNavSecondIdentitySlotMode;
-}) =>
-  html` <primary-nav
-    .baseHost=${baseHost}
-    .username=${username}
-    .screenName=${screenName}
-    ?hideSearch=${hideSearch}
-    .config=${config}
-    .secondIdentitySlotMode=${secondIdentitySlotMode}
-  ></primary-nav>`;
-
-afterEach(() => {
-  fixtureCleanup();
-});
-
-describe('<primary-nav>', () => {
-  it('renders the login link when no username present', async () => {
-    const el = await fixture<PrimaryNav>(
-      component({
-        baseHost: 'archive.org',
-        username: '',
-      }),
-    );
-
-    expect(el.shadowRoot?.querySelector('login-button')).to.not.be.undefined;
-  });
-
-  it('does not render search trigger or search slot if hideSearch true', async () => {
-    const el = await fixture<PrimaryNav>(
-      component({
-        baseHost: 'archive.org',
-        username: 'shaneriley',
-        screenName: 'shaneriley',
-        hideSearch: true,
-      }),
-    );
-
-    expect(el.shadowRoot?.querySelector('.search-trigger')).to.equal(null);
-    expect(el.shadowRoot?.querySelector('.search-container')).to.not.exist;
-  });
-
-  it('renders search slot container', async () => {
-    const el = await fixture<PrimaryNav>(
-      component({
-        baseHost: 'archive.org',
-        username: 'testuser',
-        screenName: 'testuser',
-      }),
-    );
-
-    expect(el.shadowRoot?.querySelector('.search-container')).to.exist;
-
-    const slot = el.shadowRoot?.querySelector<HTMLSlotElement>(
-      'slot[name="search"]',
-    );
-    expect(slot).to.exist;
-  });
-
-  it('renders search trigger button for mobile toggle', async () => {
-    const el = await fixture<PrimaryNav>(
-      component({
-        baseHost: 'archive.org',
-        username: 'testuser',
-        screenName: 'testuser',
-      }),
-    );
-
-    expect(el.shadowRoot?.querySelector('.search-trigger')).to.exist;
-  });
-
-  it('does not render nav-search', async () => {
-    const el = await fixture<PrimaryNav>(
-      component({
-        baseHost: 'archive.org',
-        username: 'testuser',
-        screenName: 'testuser',
-      }),
-    );
-
-    expect(el.shadowRoot?.querySelector('nav-search')).to.not.exist;
-  });
-
-  it('opens a slot with `secondIdentitySlotMode`', async () => {
-    const el = await fixture<PrimaryNav>(
-      component({
-        baseHost: 'archive.org',
-        username: 'boop',
-        screenName: 'somesuperlongscreenname',
-        secondIdentitySlotMode: 'allow',
-      }),
-    );
-
-    const brandingBlock = el.shadowRoot?.querySelector('div.branding');
-    expect(brandingBlock?.getAttribute('class')).to.contain(
-      'branding second-logo',
-    );
-
-    const slot = brandingBlock?.querySelector('slot');
-    expect(slot).to.exist;
-    expect(slot?.getAttribute('name')).to.equal('opt-sec-logo');
-
-    el.secondIdentitySlotMode = '';
-    await elementUpdated(el);
-    const noSlotBrandingBlock = el.shadowRoot?.querySelector('div.branding');
-    expect(noSlotBrandingBlock?.getAttribute('class')).to.contain('branding');
-
-    const noSlot = noSlotBrandingBlock?.querySelector('slot');
-    expect(noSlot).to.not.exist;
-  });
-});
+import {
+  html,
+  fixture,
+  expect,
+  fixtureCleanup,
+  elementUpdated,
+} from '@open-wc/testing';
+
+import '../src/primary-nav';
+import { IATopNavConfig, IATopNavSecondIdentitySlotMode } from '../src/models';
+import { PrimaryNav } from '../src/primary-nav';
+
+const component = ({
+  baseHost = 'archive.org',
+  username = '',
+  screenName = '',
+  hideSearch = false,
+  config = {},
+  secondIdentitySlotMode = 'allow',
+}: {
+  baseHost?: string;
+  username?: string;
+  screenName?: string;
+  hideSearch?: boolean;
+  config?: IATopNavConfig;
+  secondIdentitySlotMode?: IATopNavSecondIdentitySlotMode;
+}) =>
+  html` <primary-nav
+    .baseHost=${baseHost}
+    .username=${username}
+    .screenName=${screenName}
+    ?hideSearch=${hideSearch}
+    .config=${config}
+    .secondIdentitySlotMode=${secondIdentitySlotMode}
+  ></primary-nav>`;
+
+afterEach(() => {
+  fixtureCleanup();
+});
+
+describe('<primary-nav>', () => {
+  it('renders the login link when no username present', async () => {
+    const el = await fixture<PrimaryNav>(
+      component({
+        baseHost: 'archive.org',
+        username: '',
+      }),
+    );
+
+    expect(el.shadowRoot?.querySelector('login-button')).to.not.be.undefined;
+  });
+
+  it('does not render search trigger or search slot if hideSearch true', async () => {
+    const el = await fixture<PrimaryNav>(
+      component({
+        baseHost: 'archive.org',
+        username: 'shaneriley',
+        screenName: 'shaneriley',
+        hideSearch: true,
+      }),
+    );
+
+    expect(el.shadowRoot?.querySelector('.search-trigger')).to.equal(null);
+    expect(el.shadowRoot?.querySelector('.search-container')).to.not.exist;
+  });
+
+  it('renders search slot container', async () => {
+    const el = await fixture<PrimaryNav>(
+      component({
+        baseHost: 'archive.org',
+        username: 'testuser',
+        screenName: 'testuser',
+      }),
+    );
+
+    expect(el.shadowRoot?.querySelector('.search-container')).to.exist;
+
+    const slot = el.shadowRoot?.querySelector<HTMLSlotElement>(
+      'slot[name="search"]',
+    );
+    expect(slot).to.exist;
+  });
+
+  it('renders search trigger button for mobile toggle', async () => {
+    const el = await fixture<PrimaryNav>(
+      component({
+        baseHost: 'archive.org',
+        username: 'testuser',
+        screenName: 'testuser',
+      }),
+    );
+
+    expect(el.shadowRoot?.querySelector('.search-trigger')).to.exist;
+  });
+
+  it('does not render nav-search', async () => {
+    const el = await fixture<PrimaryNav>(
+      component({
+        baseHost: 'archive.org',
+        username: 'testuser',
+        screenName: 'testuser',
+      }),
+    );
+
+    expect(el.shadowRoot?.querySelector('nav-search')).to.not.exist;
+  });
+
+  it('opens a slot with `secondIdentitySlotMode`', async () => {
+    const el = await fixture<PrimaryNav>(
+      component({
+        baseHost: 'archive.org',
+        username: 'boop',
+        screenName: 'somesuperlongscreenname',
+        secondIdentitySlotMode: 'allow',
+      }),
+    );
+
+    const brandingBlock = el.shadowRoot?.querySelector('div.branding');
+    expect(brandingBlock?.getAttribute('class')).to.contain(
+      'branding second-logo',
+    );
+
+    const slot = brandingBlock?.querySelector('slot');
+    expect(slot).to.exist;
+    expect(slot?.getAttribute('name')).to.equal('opt-sec-logo');
+
+    el.secondIdentitySlotMode = '';
+    await elementUpdated(el);
+    const noSlotBrandingBlock = el.shadowRoot?.querySelector('div.branding');
+    expect(noSlotBrandingBlock?.getAttribute('class')).to.contain('branding');
+
+    const noSlot = noSlotBrandingBlock?.querySelector('slot');
+    expect(noSlot).to.not.exist;
+  });
+});

package/dist/src/styles/signed-out-dropdown.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/src/styles/signed-out-dropdown.js

@@ -1,31 +0,0 @@
-import { css } from 'lit';
-export default css `
-  @media (min-width: 890px) {
-    .initial,
-    .closed,
-    .open {
-      right: 33.5rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 18.5rem;
-    }
-  }
-
-  @media (min-width: 990px) {
-    .initial,
-    .closed,
-    .open {
-      right: 40rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 26rem;
-    }
-  }
-`;
-//# sourceMappingURL=signed-out-dropdown.js.map

package/dist/src/styles/signed-out-dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"signed-out-dropdown.js","sourceRoot":"","sources":["../../../src/styles/signed-out-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  @media (min-width: 890px) {\n    .initial,\n    .closed,\n    .open {\n      right: 33.5rem;\n    }\n\n    .search-hidden.initial,\n    .search-hidden.closed,\n    .search-hidden.open {\n      right: 18.5rem;\n    }\n  }\n\n  @media (min-width: 990px) {\n    .initial,\n    .closed,\n    .open {\n      right: 40rem;\n    }\n\n    .search-hidden.initial,\n    .search-hidden.closed,\n    .search-hidden.open {\n      right: 26rem;\n    }\n  }\n`;\n"]}

package/dist/src/styles/user-menu.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/src/styles/user-menu.js

@@ -1,31 +0,0 @@
-import { css } from 'lit';
-export default css `
-  @media (min-width: 890px) {
-    .initial,
-    .closed,
-    .open {
-      right: 22.4rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 5.8rem;
-    }
-  }
-
-  @media (min-width: 990px) {
-    .initial,
-    .closed,
-    .open {
-      right: 27.2rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 12rem;
-    }
-  }
-`;
-//# sourceMappingURL=user-menu.js.map

package/dist/src/styles/user-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"user-menu.js","sourceRoot":"","sources":["../../../src/styles/user-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  @media (min-width: 890px) {\n    .initial,\n    .closed,\n    .open {\n      right: 22.4rem;\n    }\n\n    .search-hidden.initial,\n    .search-hidden.closed,\n    .search-hidden.open {\n      right: 5.8rem;\n    }\n  }\n\n  @media (min-width: 990px) {\n    .initial,\n    .closed,\n    .open {\n      right: 27.2rem;\n    }\n\n    .search-hidden.initial,\n    .search-hidden.closed,\n    .search-hidden.open {\n      right: 12rem;\n    }\n  }\n`;\n"]}

package/src/styles/signed-out-dropdown.ts

@@ -1,31 +0,0 @@
-import { css } from 'lit';
-
-export default css`
-  @media (min-width: 890px) {
-    .initial,
-    .closed,
-    .open {
-      right: 33.5rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 18.5rem;
-    }
-  }
-
-  @media (min-width: 990px) {
-    .initial,
-    .closed,
-    .open {
-      right: 40rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 26rem;
-    }
-  }
-`;

package/src/styles/user-menu.ts

@@ -1,31 +0,0 @@
-import { css } from 'lit';
-
-export default css`
-  @media (min-width: 890px) {
-    .initial,
-    .closed,
-    .open {
-      right: 22.4rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 5.8rem;
-    }
-  }
-
-  @media (min-width: 990px) {
-    .initial,
-    .closed,
-    .open {
-      right: 27.2rem;
-    }
-
-    .search-hidden.initial,
-    .search-hidden.closed,
-    .search-hidden.open {
-      right: 12rem;
-    }
-  }
-`;