@internetarchive/ia-item-navigator 1.0.4 → 1.1.1

package/test/iaux-sharing-options.test.txt

@@ -0,0 +1,84 @@
+import { html, fixture, expect } from '@open-wc/testing';
+import sinon from 'sinon';
+import '../src/menus/iaux-sharing-options';
+import type { IauxSharingOptions } from '../src/menus/iaux-sharing-options';
+
+const identifier = 'goody';
+const itemType = 'book';
+const creator = 'Welsh, Charles';
+const description =
+  'The history of Little Goody Two-Shoes : otherwise called Mrs. Margery Two-Shoes ... [1766 edition]';
+
+const container = (optionalFileSubprefix = '') =>
+  html`<iaux-sharing-options
+    identifier="${identifier}"
+    type="${itemType}"
+    creator="${creator}"
+    description="${description}"
+    baseHost="archive.org"
+    fileSubPrefix="${optionalFileSubprefix}"
+  ></iaux-sharing-options>`;
+
+describe('<iaux-sharing-options>', () => {
+  afterEach(() => {
+    sinon.restore();
+  });
+
+  it('sets default properties', async () => {
+    const el = (await fixture(container())) as IauxSharingOptions;
+
+    expect(el.identifier).to.equal(identifier);
+    expect(el.type).to.equal(itemType);
+    expect(el.creator).to.equal(creator);
+    expect(el.description).to.equal(description);
+  });
+
+  it('renders buttons for each sharing method', async () => {
+    const el = (await fixture(container())) as IauxSharingOptions;
+
+    await el.updateComplete;
+
+    el.sharingOptions.forEach(option => {
+      const button =
+        el.shadowRoot && el.shadowRoot.querySelector(`a.${option.class}`);
+      expect(button).to.exist;
+      expect(button?.getAttribute('href')).to.equal(option.url);
+    });
+  });
+
+  it('toggles visibility of embed options', async () => {
+    const el = (await fixture(container())) as IauxSharingOptions;
+
+    el.toggleEmbedOptions(new Event('click'));
+    await el.updateComplete;
+
+    expect(el.embedOptionsVisible).to.equal(true);
+  });
+
+  it('does not show internal header by default', async () => {
+    const el = (await fixture(container())) as IauxSharingOptions;
+    expect(el.shadowRoot?.querySelector('header')).to.be.null;
+  });
+
+  it('does shows internal header when requested', async () => {
+    const el = (await fixture(container())) as IauxSharingOptions;
+    el.renderHeader = true;
+    await el.updateComplete;
+    expect(el.shadowRoot?.querySelector('header')).to.not.be.null;
+  });
+
+  it('sets file subprefix to end of share URLs if present', async () => {
+    const optionalFileSubprefix = 'foo- bar - 123-';
+    const el = (await fixture(
+      container(optionalFileSubprefix),
+    )) as IauxSharingOptions;
+
+    el.sharingOptions.forEach(option => {
+      if (option.name !== 'Tumblr') {
+        expect(option.url).to.contain(
+          encodeURIComponent(optionalFileSubprefix),
+        );
+      }
+    });
+  });
+});

package/test/no-theater-available.test.ts

@@ -7,7 +7,7 @@ describe('IANoTheaterAvailable', () => {
     const el = await fixture<IANoTheaterAvailable>(
       html`<ia-no-theater-available
         .identifier=${`foo`}
-      ></ia-no-theater-available>`
+      ></ia-no-theater-available>`,
     );
     let eventFired = false;
     el.addEventListener('loadingStateUpdated', () => {
@@ -24,7 +24,7 @@ describe('IANoTheaterAvailable', () => {
     const el = await fixture<IANoTheaterAvailable>(
       html`<ia-no-theater-available
         .identifier=${`foo`}
-      ></ia-no-theater-available>`
+      ></ia-no-theater-available>`,
     );
     expect(el.downloadUrl).to.equal('/download/foo');
     expect(el?.shadowRoot?.querySelector('a')?.href).to.contain(el.downloadUrl);

package/tsconfig.json

@@ -14,7 +14,8 @@
     "sourceMap": true,
     "inlineSources": true,
     "rootDir": "./",
-    "declaration": true
+    "declaration": true,
+    "skipLibCheck": true,
   },
   "include": ["**/*.ts"]
 }

package/vite.config.ts

@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: './',
+  root: resolve(__dirname, './demo'),
+  build: {
+    /**
+     * This is the directory where the built files will be placed
+     * that we upload to GitHub Pages.
+     */
+    outDir: '../ghpages/demo',
+    emptyOutDir: true,
+    manifest: true,
+    rollupOptions: {
+      input: {
+        main: resolve(__dirname, 'demo/index.html'),
+      },
+      output: {
+        entryFileNames: 'app-root.js',
+      },
+    },
+  },
+});