@internetarchive/ia-book-actions 0.0.13 → 0.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-book-actions",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "Bookreader actions for borrowable book",
   "author": "Internet Archive",
   "license": "AGPL-3.0-only",
@@ -13,9 +13,9 @@
     "start": "web-dev-server",
     "lint": "eslint --ext .js,.html . --ignore-path .gitignore && prettier \"**/*.js\" --check --ignore-path .gitignore",
     "format": "eslint --ext .js,.html . --fix --ignore-path .gitignore && prettier \"**/*.js\" --write --ignore-path .gitignore",
-    "test": "yarn run lint && web-test-runner --coverage",
-    "test:fast": "web-test-runner --coverage",
-    "test:watch": "web-test-runner --watch"
+    "test": "yarn run lint && yarn test:fast",
+    "test:fast": "web-test-runner --coverage --playwright --browsers chromium firefox webkit",
+    "test:watch": "web-test-runner --watch --playwright --browsers chromium firefox webkit"
   },
   "dependencies": {
     "@internetarchive/ia-icons": "^1.2.2",
@@ -33,7 +33,8 @@
     "@open-wc/testing": "^2.0.0",
     "@web/dev-server": "^0.1.1",
     "@web/dev-server-esbuild": "^0.2.16",
-    "@web/test-runner": "^0.11.5",
+    "@web/test-runner": "^0.11.7",
+    "@web/test-runner-playwright": "^0.8.8",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-import": "^2.22.1",

package/src/core/services/get-lending-actions.js

@@ -144,6 +144,7 @@ export default class GetLendingActions {
       primaryTitle: 'Book available to patrons with print disabilities.',
       primaryActions: [unavailable],
       primaryColor: 'primary',
+      secondaryActions: [],
     };
   }
 

package/src/ia-book-actions.js

@@ -13,6 +13,10 @@ import GetLendingActions from './core/services/get-lending-actions.js';
 import { mobileContainerWidth } from './core/config/constants.js';
 import { LoanTokenPoller } from './core/services/loan-token-poller.js';
 
+export const events = {
+  browseExpired: 'IABookReader:BrowsingHasExpired',
+};
+
 export default class IABookActions extends LitElement {
   static get properties() {
     return {
@@ -147,11 +151,11 @@ export default class IABookActions extends LitElement {
     if (!actions) return;
 
     this.primaryTitle = actions.primaryTitle;
-    this.primaryActions = actions.primaryActions.filter(action => {
+    this.primaryActions = actions.primaryActions?.filter(action => {
       return action != null;
     });
     this.primaryColor = actions.primaryColor;
-    this.secondaryActions = actions.secondaryActions.filter(action => {
+    this.secondaryActions = actions.secondaryActions?.filter(action => {
       return action != null;
     });
 
@@ -162,6 +166,14 @@ export default class IABookActions extends LitElement {
       this.lendingStatus?.browsingExpired;
     if (hasExpired) {
       this.tokenPoller?.disconnectedInterval();
+      /** Global event - always fire */
+      this.dispatchEvent(
+        new Event(events.browseExpired, {
+          bubbles: true,
+          cancelable: false,
+          composed: true,
+        })
+      );
       return;
     }
 

package/test/ia-book-actions.test.js

@@ -257,12 +257,10 @@ describe('Browsing expired status', () => {
     expect(el.primaryActions[0].text).to.equal('Borrow again');
   });
 
-  it('Expiring book cancels interval', async () => {
+  it('Expiring book cancels interval & emits event', async () => {
     const baseStatus = {
       is_lendable: true,
       user_has_browsed: false,
-      browseHasExpired: false,
-      secondsLeftOnLoan: 1,
     };
     const el = await fixture(
       container({
@@ -270,6 +268,13 @@ describe('Browsing expired status', () => {
         lendingStatus: baseStatus,
       })
     );
+
+    let eventReceived = false;
+    const listener = () => {
+      eventReceived = true;
+    };
+    el.addEventListener('IABookReader:BrowsingHasExpired', listener);
+
     const browsingStatus = { ...baseStatus, user_has_browsed: true };
     el.lendingStatus = browsingStatus;
     await el.updateComplete;
@@ -283,6 +288,7 @@ describe('Browsing expired status', () => {
     await el.updateComplete;
     await aTimeout(1500); // wait for 1.5 sec
 
+    expect(eventReceived).to.equal(true);
     expect(el.primaryTitle).contains('Your loan has expired.');
     expect(el.primaryActions[0].text).to.equal('Borrow again');
     expect(el.tokenPoller.loanTokenInterval).to.equal(undefined);