-
+ ${this.listItems}
+
${this.links.heading}
+${this.iconLinks}
+
+
+ Featured
+-
+ ${this.renderLinks(this.links.featuredLinks)}
+
+
+ `;
+ }
+}
diff --git a/src/elements/ia-topnav/ia-topnav-more-slider.test.ts b/src/elements/ia-topnav/ia-topnav-more-slider.test.ts
new file mode 100644
index 00000000..7b12a923
--- /dev/null
+++ b/src/elements/ia-topnav/ia-topnav-more-slider.test.ts
@@ -0,0 +1,23 @@
+import { fixture } from '@open-wc/testing-helpers';
+import { html } from 'lit';
+import './ia-topnav-more-slider';
+import { buildTopNavMenus } from './data/menus';
+
+import { describe, expect, test } from 'vitest';
+describe('Top
+-
+ ${this.renderLinks(this.links.links)}
+
-
+ ${this.menuItems.map(
+ (item) =>
+ html`
- + ${item.title} + `, + )} +
+
+ `;
+ }
+
+ get searchMenu() {
+ if (this.hideSearch) return nothing;
+
+ return html`
+
+ `;
+ }
+
+ get mobileDonateHeart() {
+ return html`
+
+ ${icons.donateUnpadded}
+ "Donate to the archive"
+
+ `;
+ }
+
+ get uploadButtonTemplate() {
+ return html`
+ ${icons.upload}
+ Upload
+ `;
+ }
+
+ get userStateTemplate() {
+ return html``;
+ }
+
+ get secondLogoSlot() {
+ return this.allowSecondaryIcon
+ ? html`
+
+
+
+ ${this.lastEvent || 'No events yet.'}
+
+
+ ${this.toggleRow('Signed in', 'signedIn')}
+ ${this.toggleRow('Viewing an item', 'onAnItem')}
+ ${this.toggleRow('Admin on the item', 'admin')}
+ ${this.toggleRow('Can manage flags', 'canManageFlags')}
+ ${this.toggleRow('Hide search', 'hideSearch')}
+
+
+
+ + The admin sections of the user menu need all three of Signed in, + Viewing an item and Admin on the item. Narrow the window below 890px + for the mobile layout. +
+
+
+
+ The topnav renders the whole archive.org masthead: the primary nav,
+ the media menu and its slider, the wayback search, and the account
+ dropdown. It reports clicks and form submits through
+ analyticsClick and analyticsSubmit rather
+ than talking to an analytics service itself.
+
+ The user menu grows an admin section when
+ itemIdentifier and admin are both set.
+ Setting uploader adds the uploader's account links, and
+ biblio adds the book-scanning links for a texts item.
+
+ A search bar goes in the search slot. Offshoot slots an
+ ia-dropdown-search-bar in there.
+
+
+ `;
+ }
+}
diff --git a/src/elements/ia-topnav/ia-topnav.test.ts b/src/elements/ia-topnav/ia-topnav.test.ts
new file mode 100644
index 00000000..569d66d9
--- /dev/null
+++ b/src/elements/ia-topnav/ia-topnav.test.ts
@@ -0,0 +1,393 @@
+import {
+ elementUpdated,
+ fixture,
+ fixtureCleanup,
+ oneEvent,
+} from '@open-wc/testing-helpers';
+import { html } from 'lit';
+
+import './ia-topnav';
+import { IATopNav } from './ia-topnav';
+import { SignedOutDropdown } from './ia-topnav-signed-out-dropdown';
+import UserMenu from './ia-topnav-user-menu';
+
+import { afterEach, describe, expect, test } from 'vitest';
+const verifyClosed = (instance: IATopNav) => {
+ expect(instance.mediaSliderOpen).to.be.false;
+ expect(instance.selectedMenuOption).to.equal('');
+};
+
+const verifyOpened = (instance: IATopNav, mediatype: string) => {
+ expect(instance.mediaSliderOpen).to.be.true;
+ expect(instance.selectedMenuOption).to.equal(mediatype);
+};
+
+afterEach(() => {
+ fixtureCleanup();
+});
+
+describe('
+
+
+
+ Mobile Apps
+-
+ ${this.mobileAppsItems}
+
Browser Extensions
+-
+ ${this.browserExtensionsItems}
+
+
+ Archive-It Subscription
+-
+ ${this.archiveItItems}
+
+
+ ${this.secondLogoSlot} ${this.searchSlot}
+
+
+ (this.currentTab = e.detail)}
+ >
+
+ ${this.username ? this.userMenu : this.signedOutDropdown}
+