@internetarchive/radio-player 0.0.3-a4 → 0.0.3

package/test/search-handler/transcript-index.test.js

@@ -0,0 +1,66 @@
+import {
+  html, fixture, expect, oneEvent, elementUpdated
+} from '@open-wc/testing';
+
+import { TranscriptConfig, TranscriptEntryConfig } from '@internetarchive/transcript-view';
+import { TranscriptIndex } from '../../lib/src/search-handler/transcript-index';
+
+describe('Transcript Index', () => {
+  it('correctly calculates entry start and end index offsets of the source transcript', async () => {
+    const entry1 = new TranscriptEntryConfig(1, 0, 4, 'foo bar baz', false);
+    const entry2 = new TranscriptEntryConfig(2, 5, 9, 'boop blop', false);
+    const entry3 = new TranscriptEntryConfig(3, 10, 13, 'bang boing', false);
+    const transcriptConfig = new TranscriptConfig([entry1, entry2, entry3]);
+    const transcriptIndex = new TranscriptIndex(transcriptConfig);
+
+    const entryStartEndIndices = transcriptIndex.transcriptEntryRanges;
+
+    // note a space is added between each transcript entry so it increases each
+    // subsequent index by 1
+    expect(entryStartEndIndices[0].entry).to.equal(entry1);
+    expect(entryStartEndIndices[0].range.startIndex).to.equal(0);
+    expect(entryStartEndIndices[0].range.endIndex).to.equal(11);
+
+    expect(entryStartEndIndices[1].entry).to.equal(entry2);
+    expect(entryStartEndIndices[1].range.startIndex).to.equal(12);
+    expect(entryStartEndIndices[1].range.endIndex).to.equal(21);
+
+    expect(entryStartEndIndices[2].entry).to.equal(entry3);
+    expect(entryStartEndIndices[2].range.startIndex).to.equal(22);
+    expect(entryStartEndIndices[2].range.endIndex).to.equal(32);
+  });
+
+  it('correctly builds the full text blob', async () => {
+    const entry1 = new TranscriptEntryConfig(1, 0, 4, 'foo bar baz', false);
+    const entry2 = new TranscriptEntryConfig(2, 5, 9, 'boop blop', false);
+    const entry3 = new TranscriptEntryConfig(3, 10, 13, 'bang boing', false);
+    const transcriptConfig = new TranscriptConfig([entry1, entry2, entry3]);
+    const transcriptIndex = new TranscriptIndex(transcriptConfig);
+
+    expect(transcriptIndex.mergedTranscript).to.equal('foo bar baz boop blop bang boing');
+  });
+
+  it('correctly finds the correct entry range for a given index', async () => {
+    const entry1 = new TranscriptEntryConfig(1, 0, 4, 'foo bar baz', false);
+    const entry2 = new TranscriptEntryConfig(2, 5, 9, 'boop blop', false);
+    const entry3 = new TranscriptEntryConfig(3, 10, 13, 'bump baz boing', false);
+    const transcriptConfig = new TranscriptConfig([entry1, entry2, entry3]);
+    const transcriptIndex = new TranscriptIndex(transcriptConfig);
+
+    // in second entry
+    const transcriptEntryRange = transcriptIndex.getTranscriptEntryAt(14);
+    expect(transcriptEntryRange.entry).to.equal(entry2);
+
+    // in third entry
+    const transcriptEntryRange2 = transcriptIndex.getTranscriptEntryAt(23);
+    expect(transcriptEntryRange2.entry).to.equal(entry3);
+
+    // in-between the first and second entry
+    const transcriptEntryRange3 = transcriptIndex.getTranscriptEntryAt(11);
+    expect(transcriptEntryRange3).to.equal(undefined);
+
+    // outside of range
+    const transcriptEntryRange4 = transcriptIndex.getTranscriptEntryAt(45);
+    expect(transcriptEntryRange4).to.equal(undefined);
+  });
+});

package/test/search-results-switcher.test.js

@@ -0,0 +1,97 @@
+import {
+  html, fixture, expect, oneEvent, elementUpdated
+} from '@open-wc/testing';
+
+import promisedSleep from './promised-sleep';
+
+import '../lib/src/radio-player';
+
+describe('Search Results Switcher', () => {
+  it('defaults to 0 results', async () => {
+    const el = await fixture(html`
+      <search-results-switcher></search-results-switcher>
+    `);
+
+    expect(el.numberOfResults).to.equal(0);
+    expect(el.currentResultIndex).to.equal(0);
+  });
+
+  it('renders the number of results correctly', async () => {
+    const el = await fixture(html`
+      <search-results-switcher numberOfResults='7'></search-results-switcher>
+    `);
+
+    const { shadowRoot } = el;
+
+    expect(shadowRoot.getElementById('current-result').innerText).to.equal('1');
+    expect(shadowRoot.getElementById('number-of-results').innerText).to.equal('7');
+  });
+
+  it('increments the values properly and emits event when changed', async () => {
+    const el = await fixture(html`
+      <search-results-switcher numberOfResults='7'></search-results-switcher>
+    `);
+
+    const { shadowRoot } = el;
+
+    const clickEvent = new MouseEvent('click');
+    const nextButton = shadowRoot.getElementById('next-button');
+
+    setTimeout(() => { nextButton.dispatchEvent(clickEvent); });
+    const response = await oneEvent(el, 'searchResultIndexChanged');
+    expect(response.detail.searchResultIndex).to.equal(1);
+    expect(el.currentResultIndex).to.equal(1);
+  });
+
+  it('wraps around to the beginning if it reaches the end', async () => {
+    const el = await fixture(html`
+      <search-results-switcher numberOfResults='7'></search-results-switcher>
+    `);
+
+    el.currentResultIndex = 6;
+
+    const { shadowRoot } = el;
+
+    const clickEvent = new MouseEvent('click');
+    const nextButton = shadowRoot.getElementById('next-button');
+
+    setTimeout(() => { nextButton.dispatchEvent(clickEvent); });
+    const response = await oneEvent(el, 'searchResultIndexChanged');
+    expect(response.detail.searchResultIndex).to.equal(0);
+    expect(el.currentResultIndex).to.equal(0);
+  });
+
+  it('decrements the values properly and emits event when changed', async () => {
+    const el = await fixture(html`
+      <search-results-switcher numberOfResults='7'></search-results-switcher>
+    `);
+
+    el.currentResultIndex = 4;
+
+    const { shadowRoot } = el;
+
+    const clickEvent = new MouseEvent('click');
+    const nextButton = shadowRoot.getElementById('previous-button');
+
+    setTimeout(() => { nextButton.dispatchEvent(clickEvent); });
+    const response = await oneEvent(el, 'searchResultIndexChanged');
+    expect(response.detail.searchResultIndex).to.equal(3);
+    expect(el.currentResultIndex).to.equal(3);
+  });
+
+  it('wraps around to the end if it reaches the beginning', async () => {
+    const el = await fixture(html`
+      <search-results-switcher numberOfResults='7'></search-results-switcher>
+    `);
+
+    const { shadowRoot } = el;
+
+    const clickEvent = new MouseEvent('click');
+    const nextButton = shadowRoot.getElementById('previous-button');
+
+    setTimeout(() => { nextButton.dispatchEvent(clickEvent); });
+    const response = await oneEvent(el, 'searchResultIndexChanged');
+    expect(response.detail.searchResultIndex).to.equal(6);
+    expect(el.currentResultIndex).to.equal(6);
+  });
+});

package/tsconfig.build.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "allowJs": false,
+    "checkJs": false,
+  }
+}

package/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "es6",                // define the target version of js
+    "lib": ["es2016", "dom"],       // define the minimum set of libraries needed to build
+    "experimentalDecorators": true, // needed for using decorators
+    "moduleResolution": "node",     // needed to correctly resolve node_modules like `lit-element`
+    "sourceMap": true,
+    "outDir": "./lib",
+    "declaration": true,
+    "strict": true
+  },
+  "include": [
+    "src/**/*.ts",
+    "dev_tools/**/*.ts",
+    "demo/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules/!(@open-wc)",
+    "node_modules/!(@types)"
+  ]
+}