@internetarchive/ia-book-actions 0.0.5-4-01 → 0.0.5-a1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-book-actions",
-  "version": "0.0.5-4-01",
+  "version": "0.0.5-a1",
   "description": "Bookreader actions for borrowable book",
   "author": "Internet Archive",
   "license": "AGPL-3.0-only",

package/src/components/book-title-bar.js

@@ -61,6 +61,8 @@ export class BookTitleBar extends ActionsHandler {
     return css`
       :host {
         padding: 0 10px;
+        height: 3.4rem;
+        display: flex;
       }
       .embed-link {
         display: inline-flex;
@@ -68,7 +70,6 @@ export class BookTitleBar extends ActionsHandler {
         text-decoration: none;
         color: var(--primaryTextColor, #fff);
         font-size: 1.4rem;
-        height: 3.4rem;
       }
       .embed-link .title {
         display: -webkit-box;
@@ -76,9 +77,11 @@ export class BookTitleBar extends ActionsHandler {
         -webkit-line-clamp: 2;
         overflow: hidden;
         text-align: left;
+        line-height: initial;
       }
       .embed-link svg {
         margin-right: 0.5rem;
+        display: block;
       }
       .embed-link:hover {
         text-decoration: underline;

package/src/core/services/actions-handler/actions-handler.js

@@ -151,9 +151,6 @@ export default class ActionsHandler extends LitElement {
   handleReadItNow(extraParam) {
     const currentParams = new URLSearchParams(window.location.search);
 
-    // Delete the ?q= parameter just after borrow a book. see: WEBDEV-3979
-    currentParams.delete('q');
-
     if (extraParam) {
       // append extraParam key-value in currentParams
       const extraParams = new URLSearchParams(extraParam);

package/src/ia-book-actions.js

@@ -33,7 +33,7 @@ export default class IABookActions extends LitElement {
     this.lendingStatus = {};
     this.width = 0;
     this.bwbPurchaseUrl = '';
-    this.barType = 'action';
+    this.barType = 'action'; // 'title'|'action'
     this.sharedObserver = undefined;
     this.primaryActions = [];
     this.primaryTitle = '';

package/test/components/book-title-bar.test.js

@@ -1,4 +1,4 @@
-import { html, fixture, expect } from '@open-wc/testing';
+import { html, fixture, expect, oneEvent } from '@open-wc/testing';
 import '../../src/components/book-title-bar.js';
 
 const container = ({ identifier, bookTitle } = {}) =>
@@ -19,4 +19,21 @@ describe('<book-title-bar>', () => {
     expect(link.innerText).to.equal('this is test booktitle');
     expect(link.getAttribute('href')).to.equal('/details/goody');
   });
+
+  it('check if event if firing on valid analytics category action', async () => {
+    const el = await fixture(
+      container({
+        identifier: 'goody',
+        bookTitle: 'this is test booktitle',
+      })
+    );
+
+    const clickButton = () =>
+      el.shadowRoot.querySelector('a').dispatchEvent(new Event('click'));
+    setTimeout(clickButton);
+
+    const { detail } = await oneEvent(el, 'bookTitleBar');
+    expect(detail.event.category).to.equal('BookReader-Header');
+    expect(detail.event.action).to.equal('Book-Title-Bar');
+  });
 });