@internetarchive/ia-topnav 1.1.19 → 1.1.21-alpha

package/test/search-menu.test.js

@@ -1,49 +1,49 @@
-import { html, fixture, expect } from '@open-wc/testing';
-
-import '../src/search-menu';
-
-const component = html`<search-menu></search-menu>`;
-
-describe('<search-menu>', () => {
-  it('sets default properties', async () => {
-    const el = await fixture(component);
-
-    expect(el.searchMenuOpen).to.be.false;
-    expect(el.searchMenuAnimate).to.be.false;
-    expect(el.selectedSearchType).to.equal('');
-  });
-
-  it('sets selected search type', async () => {
-    const el = await fixture(component);
-    const value = 'text';
-
-    el.selectSearchType({
-      target: {
-        value
-      }
-    });
-
-    expect(el.selectedSearchType).to.equal(value);
-  });
-
-  it('renders with closed class if done animating', async () => {
-    const el = await fixture(component);
-
-    el.searchMenuAnimate = true;
-    await el.updateComplete;
-
-    expect(el.shadowRoot.querySelector('.search-menu-inner').classList.contains('closed')).to.be.true;
-  });
-
-  it('omits rendering of an option when hiddenSearchOptions has a value', async () => {
-    const el = await fixture(component);
-    const hiddenSearchOptions = ['WEB', 'RADIO'];
-
-    el.config = { hiddenSearchOptions };
-    await el.updateComplete;
-
-    hiddenSearchOptions.forEach((value) => {
-      expect(el.shadowRoot.querySelector(`[value=${value}]`)).to.equal(null);
-    });
-  });
-});
+import { html, fixture, expect } from '@open-wc/testing';
+
+import '../src/search-menu';
+
+const component = html`<search-menu></search-menu>`;
+
+describe('<search-menu>', () => {
+  it('sets default properties', async () => {
+    const el = await fixture(component);
+
+    expect(el.searchMenuOpen).to.be.false;
+    expect(el.searchMenuAnimate).to.be.false;
+    expect(el.selectedSearchType).to.equal('');
+  });
+
+  it('sets selected search type', async () => {
+    const el = await fixture(component);
+    const value = 'text';
+
+    el.selectSearchType({
+      target: {
+        value
+      }
+    });
+
+    expect(el.selectedSearchType).to.equal(value);
+  });
+
+  it('renders with closed class if done animating', async () => {
+    const el = await fixture(component);
+
+    el.searchMenuAnimate = true;
+    await el.updateComplete;
+
+    expect(el.shadowRoot.querySelector('.search-menu-inner').classList.contains('closed')).to.be.true;
+  });
+
+  it('omits rendering of an option when hiddenSearchOptions has a value', async () => {
+    const el = await fixture(component);
+    const hiddenSearchOptions = ['WEB', 'RADIO'];
+
+    el.config = { hiddenSearchOptions };
+    await el.updateComplete;
+
+    hiddenSearchOptions.forEach((value) => {
+      expect(el.shadowRoot.querySelector(`[value=${value}]`)).to.equal(null);
+    });
+  });
+});

package/test/user-menu.test.js

@@ -1,33 +1,33 @@
-import { html, fixture, expect } from '@open-wc/testing';
-import '../src/user-menu';
-import { buildTopNavMenus } from '../../src/data/menus.js';
-
-const component = html`<user-menu></user-menu>`;
-const component2 = html`<user-menu screenName="brewster"></user-menu>`;
-
-describe('<user-menu>', () => {
-  it('does not render admin links for logged out users', async () => {
-    const el = await fixture(component);
-    el.menuItems = buildTopNavMenus().user;
-
-    await el.updateComplete;
-
-    expect(el.shadowRoot.querySelectorAll('li').length).to.be.gt(0);
-    expect(el.shadowRoot.querySelectorAll('.divider').length).to.equal(0);
-  });
-
-  it('does not render admin links for logged in users', async () => {
-    // NOTE: top-nav never renders admin links now -- that's been delegated to dynamic JS insertion
-    // in petabox tree (since it's only relevant there).
-    const el = await fixture(component2);
-    el.menuItems = buildTopNavMenus('brewster_userid').user;
-
-    await el.updateComplete;
-
-    expect(el.shadowRoot.querySelectorAll('li').length).to.be.gt(0);
-    expect(el.shadowRoot.querySelectorAll('.divider').length).to.equal(0);
-
-    expect(el.shadowRoot.querySelectorAll('h3').length).to.equal(1);
-    expect(el.shadowRoot.querySelector('h3').innerText).to.equal('brewster');
-  });
-});
+import { html, fixture, expect } from '@open-wc/testing';
+import '../src/user-menu';
+import { buildTopNavMenus } from '../../src/data/menus.js';
+
+const component = html`<user-menu></user-menu>`;
+const component2 = html`<user-menu screenName="brewster"></user-menu>`;
+
+describe('<user-menu>', () => {
+  it('does not render admin links for logged out users', async () => {
+    const el = await fixture(component);
+    el.menuItems = buildTopNavMenus().user;
+
+    await el.updateComplete;
+
+    expect(el.shadowRoot.querySelectorAll('li').length).to.be.gt(0);
+    expect(el.shadowRoot.querySelectorAll('.divider').length).to.equal(0);
+  });
+
+  it('does not render admin links for logged in users', async () => {
+    // NOTE: top-nav never renders admin links now -- that's been delegated to dynamic JS insertion
+    // in petabox tree (since it's only relevant there).
+    const el = await fixture(component2);
+    el.menuItems = buildTopNavMenus('brewster_userid').user;
+
+    await el.updateComplete;
+
+    expect(el.shadowRoot.querySelectorAll('li').length).to.be.gt(0);
+    expect(el.shadowRoot.querySelectorAll('.divider').length).to.equal(0);
+
+    expect(el.shadowRoot.querySelectorAll('h3').length).to.equal(1);
+    expect(el.shadowRoot.querySelector('h3').innerText).to.equal('brewster');
+  });
+});

package/test/wayback-slider.test.js

@@ -1,80 +1,80 @@
-import { html, fixture, expect } from '@open-wc/testing';
-
-import '../src/wayback-slider';
-
-const component = ({
-  archiveItLinks,
-  browserExtensionsLinks,
-  config,
-  mobileAppsLinks
-}) => (
-  html`
-    <wayback-slider
-      .baseHost='archive.org'
-      .config=${config}
-      .archiveItLinks=${archiveItLinks}
-      .browserExtensionsLinks=${browserExtensionsLinks}
-      .mobileAppsLinks=${mobileAppsLinks}
-    ></wayback-slider>
-  `
-);
-
-const buildDefaults = () => ({
-  config: {},
-  archiveItLinks: [{
-    url: '1',
-    title: 'first'
-  }, {
-    url: '2',
-    title: 'second'
-  }],
-  browserExtensionsLinks: [{
-    url: '3',
-    title: 'third'
-  }, {
-    url: '4',
-    title: 'fourth'
-  }],
-  mobileAppsLinks: [{
-    url: '5',
-    title: 'fifth'
-  }, {
-    url: '6',
-    title: 'sixth'
-  }]
-});
-
-describe('<wayback-slider>', () => {
-  it('renders the links passed in via the archiveItLinks prop', async () => {
-    const options = buildDefaults();
-    const el = await fixture(component(options));
-    const anchors = el.shadowRoot.querySelectorAll('.archive-it a');
-
-    options.archiveItLinks.forEach((link, i) => {
-      expect(anchors[i].innerText).to.equal(link.title);
-      expect(anchors[i].getAttribute('href')).to.contain(link.url);
-    });
-  });
-
-  it('renders the links passed in via the browserExtensionsLinks prop', async () => {
-    const options = buildDefaults();
-    const el = await fixture(component(options));
-    const anchors = el.shadowRoot.querySelectorAll('.browser-extensions a');
-
-    options.browserExtensionsLinks.forEach((link, i) => {
-      expect(anchors[i].innerText).to.equal(link.title);
-      expect(anchors[i].getAttribute('href')).to.contain(link.url);
-    });
-  });
-
-  it('renders the links passed in via the mobileAppsLinks prop', async () => {
-    const options = buildDefaults();
-    const el = await fixture(component(options));
-    const anchors = el.shadowRoot.querySelectorAll('.mobile-apps a');
-
-    options.mobileAppsLinks.forEach((link, i) => {
-      expect(anchors[i].innerText).to.equal(link.title);
-      expect(anchors[i].getAttribute('href')).to.contain(link.url);
-    });
-  });
-});
+import { html, fixture, expect } from '@open-wc/testing';
+
+import '../src/wayback-slider';
+
+const component = ({
+  archiveItLinks,
+  browserExtensionsLinks,
+  config,
+  mobileAppsLinks
+}) => (
+  html`
+    <wayback-slider
+      .baseHost='archive.org'
+      .config=${config}
+      .archiveItLinks=${archiveItLinks}
+      .browserExtensionsLinks=${browserExtensionsLinks}
+      .mobileAppsLinks=${mobileAppsLinks}
+    ></wayback-slider>
+  `
+);
+
+const buildDefaults = () => ({
+  config: {},
+  archiveItLinks: [{
+    url: '1',
+    title: 'first'
+  }, {
+    url: '2',
+    title: 'second'
+  }],
+  browserExtensionsLinks: [{
+    url: '3',
+    title: 'third'
+  }, {
+    url: '4',
+    title: 'fourth'
+  }],
+  mobileAppsLinks: [{
+    url: '5',
+    title: 'fifth'
+  }, {
+    url: '6',
+    title: 'sixth'
+  }]
+});
+
+describe('<wayback-slider>', () => {
+  it('renders the links passed in via the archiveItLinks prop', async () => {
+    const options = buildDefaults();
+    const el = await fixture(component(options));
+    const anchors = el.shadowRoot.querySelectorAll('.archive-it a');
+
+    options.archiveItLinks.forEach((link, i) => {
+      expect(anchors[i].innerText).to.equal(link.title);
+      expect(anchors[i].getAttribute('href')).to.contain(link.url);
+    });
+  });
+
+  it('renders the links passed in via the browserExtensionsLinks prop', async () => {
+    const options = buildDefaults();
+    const el = await fixture(component(options));
+    const anchors = el.shadowRoot.querySelectorAll('.browser-extensions a');
+
+    options.browserExtensionsLinks.forEach((link, i) => {
+      expect(anchors[i].innerText).to.equal(link.title);
+      expect(anchors[i].getAttribute('href')).to.contain(link.url);
+    });
+  });
+
+  it('renders the links passed in via the mobileAppsLinks prop', async () => {
+    const options = buildDefaults();
+    const el = await fixture(component(options));
+    const anchors = el.shadowRoot.querySelectorAll('.mobile-apps a');
+
+    options.mobileAppsLinks.forEach((link, i) => {
+      expect(anchors[i].innerText).to.equal(link.title);
+      expect(anchors[i].getAttribute('href')).to.contain(link.url);
+    });
+  });
+});