@hmcts/media-viewer 4.2.4-exui-3994-f → 4.2.4-exui-3994-g

package/e2e/src/pages/commentspanel.po.ts

@@ -1,129 +0,0 @@
-import {by, element, ElementArrayFinder, ElementFinder } from 'protractor';
-import {AppPage} from './app.po';
-import {expect} from 'chai';
-import {GenericMethods} from '../utils/genericMethods';
-
-const genericMethods = new GenericMethods();
-
-export class CommentsPanelPage extends AppPage {
-  commentsToggleButton: ElementFinder = element(by.id('mvCommentsBtn'));
-  commentTabs: ElementArrayFinder = element(by.css('.commentSummaryHeader ul')).all(by.css('li'));
-  commentsTabButton: ElementFinder = this.commentTabs.get(0).element(by.css('a'));
-  filterTabButton: ElementFinder = this.commentTabs.get(1).element(by.css('a'));
-  searchTabButton: ElementFinder = this.commentTabs.get(2).element(by.css('a'));
-  collateCommentsButton: ElementFinder = element(by.id('commentSummary'));
-  commentSubPaneButton: ElementFinder = element(by.id('commentSubPane0'));
-  commentsContainerHeader: ElementFinder = element(by.id('comment-container')).element(by.css('h2'));
-  commentsNotAvailable: ElementFinder = element(by.id('comment-container')).element(by.css('h2'));
-  courtBundleName: ElementFinder = element(by.id('comment-container')).element(by.css('h2'));
-  overlayCloseButton: ElementFinder = element(by.buttonText('Close'));
-  searchInputField: ElementFinder = element(by.id('search-comments-input'));
-  searchButton: ElementFinder = element(by.css('mv-comment-search button'));
-  searchResult: ElementFinder = element(by.css('p.comment-search .comment-search__item'));
-  noMatchSearchResult: ElementFinder = element(by.css('p.comment-search__item'));
-  commentsToggle: ElementFinder = element(by.css('input#comments-btn-toggle'));
-  commentsTab: ElementFinder = element(by.css('.govuk-tabs__tab'));
-  commentsPanel: ElementFinder = element(by.css('.dropdown-menu #mvCommentsBtn'));
-
-  async clickCommentsToggleIcon() {
-    await this.commentsToggleButton.click();
-  }
-
-  async clickCommentsToggle() {
-    await this.commentsToggle.click();
-  }
-
-  async clickOnCommentsTab() {
-    await this.commentsTabButton.click();
-  }
-
-  async clickOnFilterTab() {
-    const result = await this.getFilterTabButtonText();
-    expect(result).to.equal('Filter');
-    await this.filterTabButton.click();
-  }
-
-  async clickOnSearchTab() {
-    await this.searchTabButton.click();
-  }
-
-  async performSearch(searchText: string) {
-    await this.enterTextInSearchBox(searchText);
-    await this.clickSearch();
-  }
-
-  async enterTextInSearchBox(text: string) {
-    await this.searchInputField.sendKeys(text);
-  }
-
-  async clickSearch() {
-    await this.searchButton.click();
-  }
-
-  async clickOnCollateCommentsButton() {
-    await this.collateCommentsButton.click();
-  }
-
-  async clickOnCommentSubPaneButton() {
-    await this.commentSubPaneButton.click();
-  }
-
-  async hideCommentsToggle() {
-    await this.commentsToggleButton.click();
-  }
-
-  async assertToggleButtonText() {
-    const result = await this.getToggleButtonText();
-    expect(result).to.equal('Hide comments');
-  }
-
-  async assertSearchResultText(searchResultStringOnPanel: String) {
-    const result = await this.searchResult.getText();
-    expect(result.trim()).to.equal(searchResultStringOnPanel.trim());
-  }
-
-  async assertNoMatchSearchResultText(searchResultStringOnPanel: String) {
-    const result = await this.noMatchSearchResult.getText();
-    expect(result.trim()).to.equal(searchResultStringOnPanel.trim());
-  }
-
-  async assertNoCommentRowsPresent() {
-    const result = await this.commentsContainerHeader.getText();
-    expect(result).to.equal('No comments available');
-    const courtBundleName = await this.courtBundleName.getText();
-    expect(courtBundleName).to.equal('Bury Metropolitan Council: TEST COURT BUNDLE');
-  }
-
-  async assertCommentSummaryPresent() {
-    const result = await this.commentsContainerHeader.getText();
-    expect(result).to.equal('Bury Metropolitan Council: TEST COURT BUNDLE');
-  }
-
-  async closeOverlayPanel() {
-    await this.overlayCloseButton.click();
-  }
-
-  async getFilterTabButtonText() {
-    return (await this.filterTabButton.getText());
-  }
-
-  async getToggleButtonText() {
-    return (await this.commentsToggleButton.getText());
-  }
-
-  async clickCommentsPanel() {
-    await genericMethods.clickAction('mvCommentsBtn');
-  }
-
-  async clickCloseButon() {
-    await genericMethods.clickAction('mvCloseBtn');
-  }
-
-  async getCommentsTabText() {
-    return (await this.commentsTab.getText());
-  }
-
-  async getCommentsPanelText() {
-    return (await this.commentsPanel.getText());
-  }
-}

package/e2e/src/pages/download.po.ts

@@ -1,23 +0,0 @@
-import {browser, by, element} from 'protractor';
-import {AppPage} from './app.po';
-
-const fs = require('fs');
-
-export class DownloadPage extends AppPage {
-
-  async clickDownload() {
-    await this.clickElement(by.id('download'));
-  }
-
-  async waitForDownloadToComplete(path: string) {
-    await browser.wait(() => fs.existsSync(path), 3000);
-  }
-
-  hasFileDownloaded(filePath: string) {
-    return fs.existsSync(filePath);
-  }
-
-  async clickMoreOptions() {
-    await this.clickElement(by.id('mvMoreOptionsBtn'));
-  }
-}

package/e2e/src/pages/multimedia.po.ts

@@ -1,14 +0,0 @@
-import {AppPage} from './app.po';
-import {by} from 'protractor';
-
-export class MultimediaPage extends AppPage {
-
-  async clickMultimedia() {
-    await this.clickElement(by.id('multimedia-button'));
-  }
-
-  async clickPlayButton() {
-    await this.clickElement(by.css('mv-multimedia-player'));
-  }
-
-}

package/e2e/src/pages/navigate.po.ts

@@ -1,40 +0,0 @@
-import { browser, by, element, ElementFinder } from 'protractor';
-import { AppPage } from './app.po';
-
-export class NavigatePage extends AppPage {
-  public pageNumber: ElementFinder;
-  public next: ElementFinder;
-  public previous: ElementFinder;
-
-  constructor() {
-    super();
-    this.next = element(by.id('mvDownBtn'));
-    this.previous = element(by.id('mvUpBtn'));
-    this.pageNumber = element(by.id('pageNumber'));
-  }
-
-  async number() {
-    await this.waitForElement(by.id('pageNumber'));
-    return element(by.id('pageNumber')).getAttribute('value');
-  }
-
-  async goToNextPage() {
-    await (await this.next).click();
-  }
-
-  async goToPreviousPage() {
-    await (await this.previous).click();
-  }
-
-  async setPageNumber(num: number) {
-    await browser.executeScript((pageNum: string) => {
-      const input: HTMLInputElement = <HTMLInputElement> document.getElementById('pageNumber');
-      input.value = pageNum;
-      const evt = document.createEvent('HTMLEvents');
-      evt.initEvent('change', false, true);
-      input.dispatchEvent(evt);
-    }, num.toString());
-    await browser.sleep(3000);
-
-  }
-}

package/e2e/src/pages/outline.po.ts

@@ -1,62 +0,0 @@
-import { browser, by, element } from 'protractor';
-import { AppPage } from './app.po';
-import { String } from 'typescript-string-operations';
-
-export class OutlinePage extends AppPage {
-
-  nodeToggleXpath = '//div[@class="outlineItem"]//a[text()="{0}"]/../div[contains(@class,"outlineItemToggler")]';
-  nodeLinkXpath = '//div[@class="outlineItem"]//a[text()="{0}"]/../div[@class="outlineItems"]//a[text()="{1}"]';
-
-  async expandOutlineNode(nodeText: string) {
-    nodeText = this.transformNodeText(nodeText);
-    const nodeFullXpath = String.Format(this.nodeToggleXpath, nodeText);
-
-    await browser.executeScript( (script) => {
-      const nodeArrow: Element = <Element> document
-        .evaluate(script, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null)
-        .singleNodeValue;
-
-      if (nodeArrow.classList.contains('outlineItemsHidden')) {
-        const evt = document.createEvent('HTMLEvents');
-        evt.initEvent('click', false, true);
-        nodeArrow.dispatchEvent(evt);
-      }
-    }, nodeFullXpath);
-  }
-
-  async collapseOutlineNode(nodeText: string) {
-    const nodeFullXpath = String.Format(this.nodeToggleXpath, nodeText);
-    const nodeArrow: Element = <Element> await document
-      .evaluate(nodeFullXpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null)
-      .singleNodeValue;
-
-    if (!nodeArrow.classList.contains('outlineItemsHidden')) {
-      const evt = document.createEvent('HTMLEvents');
-      evt.initEvent('click', false, true);
-      nodeArrow.dispatchEvent(evt);
-    }
-  }
-
-  async clickOnLink(parentNodeText: string, nodeText: string) {
-    nodeText = this.transformNodeText(nodeText);
-    parentNodeText = this.transformNodeText(parentNodeText);
-    const nodeLinkFullXpath = String.Format(this.nodeLinkXpath, parentNodeText, nodeText);
-    await element(by.xpath(nodeLinkFullXpath)).click();
-  }
-
-  async navigateToLink(linkChain: string) {
-    const splitLink: string[] = linkChain.split(`>`).reverse();
-    let node = '';
-    for (let i = 0; i < splitLink.length; i++) {
-      node = splitLink.pop() || '';
-      await this.expandOutlineNode(node);
-    }
-    await this.clickOnLink(node, splitLink.pop() || '');
-  }
-
-  private transformNodeText(text: string): string {
-    text = text.trim();
-    text = ' ' + text + ' ';
-    return text;
-  }
-}

package/e2e/src/pages/print.po.ts

@@ -1,30 +0,0 @@
-import { browser, by, element } from 'protractor';
-import { AppPage } from './app.po';
-
-
-export class PrintPage extends AppPage {
-
-  async clickPrint() {
-    await this.clickElement(by.id('print'));
-  }
-
-  async getPrintDialog() {
-    return element(by.css('print-preview-app'));
-  }
-
-  async switchToPrintTab() {
-    const tabs = await browser.getAllWindowHandles();
-    await expect(tabs.length).toEqual(2);
-    await browser.switchTo().window(tabs[1]);
-  }
-
-  async closePrintDialog() {
-    await browser.getAllWindowHandles().then(async function (handles: string[]) {
-      browser.switchTo().window(handles[1]).then(async function () {
-        await browser.sleep(10000);
-        await browser.driver.close();
-        await browser.switchTo().window(handles[0]);
-      });
-    });
-  }
-}

package/e2e/src/pages/redact.po.ts

@@ -1,107 +0,0 @@
-import {by, element} from 'protractor';
-import {AppPage} from './app.po';
-import * as chai from 'chai';
-import {GenericMethods} from '../utils/genericMethods';
-import {browser} from 'protractor';
-
-const genericMethods = new GenericMethods();
-const {expect} = require('chai');
-
-export class RedactPage extends AppPage {
-  redact = by.xpath('//*[contains(@class, \'dropdown-menu\')]//*[@id=\'mvRedactBtn\']');
-  drawABox = by.id('toggleDrawButton');
-  clickRedaction = by.css('mv-annotation .rectangle');
-  clickRedactText = by.id('toggleHighlightButton');
-  removeRedaction = by.css('mv-annotation .leftButton');
-  clearAllRedactions = by.id('mvClearBtn');
-  previewButton = by.id('mvPreviewBtn');
-  changeDoc = by.css('app-media-viewer-wrapper .govuk-details__summary-text');
-  saveButton = by.id('#mvDownloadBtn');
-  mvMoreOptionsBtn = by.id('mvMoreOptionsBtn');
-
-
-  async clickRedact() {
-    await this.clickElement(this.redact);
-  }
-
-
-  async clickMoreOptionsButton() {
-    await this.clickElement(this.mvMoreOptionsBtn);
-  }
-  async clickBox() {
-    await this.clickElement(this.drawABox);
-  }
-
-  async clickText() {
-    await this.clickElement(this.clickRedactText);
-  }
-
-  async notVisibleRedaction() {
-    return this.removeRedactionMethod()
-      .then(function () {
-          throw new Error('Can click on redaction');
-        },
-        function () {
-        });
-  }
-
-  async visibleRedaction() {
-    await genericMethods.sleep(1000);
-    await chai.expect((element(by.css('mv-annotation .rectangle'))).isPresent()).to.exist;
-  }
-
-  async removeRedactionMethod() {
-    await browser.actions().mouseMove(element(by.css('mv-annotation .rectangle'))).perform();
-    await this.clickElement(this.clickRedaction);
-    await this.clickElement(this.removeRedaction);
-  }
-
-  async preview() {
-    await genericMethods.sleep(5000);
-    await browser.actions().mouseMove(element(by.id('mvPreviewBtn'))).perform();
-    await this.clickElement(this.previewButton);
-    await genericMethods.sleep(5000);
-  }
-
-  async save() {
-    await this.clickElement(this.saveButton);
-  }
-
-  async clearAll() {
-    await genericMethods.sleep(5000);
-    await this.clickElement(this.clearAllRedactions);
-    await genericMethods.sleep(5000);
-  }
-
-  async changeToDocStoreDoc() {
-    await this.clickElement(this.changeDoc);
-    const url = element(by.id('#documentUrl'));
-    url.clear();
-    url.sendKeys('documents/0b129c4e-e0a5-41fa-bbb2-7f30ddaf17cc/binary');
-
-    const caseID = element(by.id('#caseId'));
-    caseID.clear();
-    caseID.sendKeys('0b129c4e-e0a5-41fa-bbb2-7f30ddaf17cc');
-    // await this.clickElement(this.load);
-  }
-
-  async checkAllRedactionsCleared() {
-    element.all(by.css('mv-annotation .rectangle')).count().then(function (rCount) {
-      expect(rCount).to.equal(0);
-    });
-  }
-
-  async checkPreview() {
-    const redactions = element.all(by.css('mv-annotation .rectangle'));
-    await genericMethods.sleep(500);
-    const redactionsLength = await redactions.count();
-    for (let i = 0; i < redactionsLength; i++) {
-      const temp = await redactions.get(i);
-      await genericMethods.sleep(1500);
-      temp.getCssValue('background-color')
-        .then(function (colour) {
-          expect(colour).to.equal('rgba(0, 0, 0, 1)');
-        });
-    }
-  }
-}

package/e2e/src/pages/rotate.po.ts

@@ -1,49 +0,0 @@
-import { browser, by, element, ElementFinder } from 'protractor';
-import { AppPage } from './app.po';
-import { expect } from 'chai';
-
-export class RotatePage extends AppPage {
-
-  rotateBtn: ElementFinder = element(by.css('#rotate-btn-toggle'));
-
-  height = '';
-  width = '';
-
-  async rotateClockwise() {
-    await this.clickElement(by.id('mvRotateRightBtn'));
-  }
-
-  async rotateCounterClockwise() {
-    await this.clickElement(by.id('mvRotateLeftBtn'));
-  }
-
-  async checkPdfIsRotated() {
-    const originalHeight = this.height;
-    const originalWidth = this.width;
-    await this.captureCurrentOrientation();
-
-    await expect(this.width).equal(originalHeight);
-    await expect(this.height).equal(originalWidth);
-  }
-
-  async checkImageIsRotatedBy(rotation: string) {
-    const el = await element(by.css('img'));
-    const elementStyle = await el.getAttribute('style');
-    expect('transform: rotate(' + rotation + 'deg);').equals('transform: rotate(' + rotation + 'deg);');
-  }
-
-  async captureCurrentOrientation() {
-    await this.waitForElement(by.css('div[class="page"'));
-    const pdfPage = await element(by.css('div[class="page"'));
-    this.width = await pdfPage.getCssValue('width');
-    this.height = await pdfPage.getCssValue('height');
-  }
-
-  async clickRotateButton() {
-    await browser.sleep(5000);
-    const selected = await this.rotateBtn.isSelected();
-    if (!selected) {
-      await this.rotateBtn.click();
-    }
-  }
-}

package/e2e/src/pages/search.po.ts

@@ -1,91 +0,0 @@
-import {by, element, ElementFinder} from 'protractor';
-import {AppPage} from './app.po';
-import {GenericMethods} from '../utils/genericMethods';
-
-const genericMethods = new GenericMethods();
-
-export class SearchPage extends AppPage {
-
-  searchCount: ElementFinder = element(by.id('findResultsCount'));
-  searchIcon: ElementFinder = element(by.id('mvSearchBtn'));
-  searchButton: ElementFinder = element(by.css('mv-search-bar button'));
-  searchField: ElementFinder = element(by.css('mv-search-bar input'));
-  findIndex: ElementFinder = element.all(by.css('mv-search-bar a')).get(1);
-
-  async toggleSearchBar() {
-    return this.clickElement(by.id('mvSearchBtn'));
-  }
-
-  async searchFor(searchTerm: string) {
-    const searchBar = element(by.css('input[title="Find"]'));
-    searchBar.clear();
-    searchBar.sendKeys(searchTerm);
-    return await this.waitForSearchResults();
-  }
-
-  async goToNextResult() {
-    await this.clickElement(element.all(by.css('mv-search-bar a')).get(1));
-    return this.waitForSearchResults();
-  }
-
-  async goToPreviousResult() {
-    await this.clickElement(element.all(by.css('mv-search-bar a')).get(0));
-    return await this.waitForSearchResults();
-  }
-
-  async selectMatchCase() {
-    await this.clickElement(by.id('findMatchCase'));
-    return await this.waitForSearchResults();
-  }
-
-  async selectedSearchResult() {
-    await this.waitForElement(by.className('highlight selected'));
-    return element(by.className('highlight selected')).getWebElement().getLocation();
-  }
-
-  async selectedSearchText() {
-    const el = await element(by.css('.highlight.selected'));
-    return el.getText();
-  }
-
-  async firstSearchResult() {
-    await this.waitForElementsArray(by.css('.highlight'));
-    return element.all(by.css('.highlight')).get(0).getLocation();
-  }
-
-  async secondSearchResult() {
-    await this.waitForElementsArray(by.css('.highlight'));
-    return element.all(by.css('.highlight')).get(1).getWebElement().getLocation();
-  }
-
-  async waitForSearchResults() {
-    await this.waitForElementsArray(by.css('.highlight'));
-    return element.all(by.css('.highlight')).count();
-  }
-
-  async searchResultsCounter() {
-    await this.waitForElement(by.id('findResultsCount'));
-    return element(by.id('findResultsCount')).getText();
-  }
-
-  async clickSearchIcon() {
-    await this.searchIcon.click();
-  }
-
-  async clickSearchButton() {
-    await this.searchButton.click();
-  }
-
-  async getSearchCount(): Promise<string> {
-    return this.searchCount.getText();
-  }
-
-  async searchText(text: string) {
-    await this.searchField.sendKeys(text);
-    await genericMethods.sleep(10000);
-  }
-
-  async clickFindIndex() {
-    await this.findIndex.click();
-  }
-}

package/e2e/src/pages/toolbar.po.ts

@@ -1,50 +0,0 @@
-import { AppPage } from './app.po';
-import { browser, by, element, ElementFinder } from 'protractor';
-
-export class ToolBar extends AppPage {
-
-  private sidebarToggleButton: ElementFinder = element(by.id('mvIndexBtn'));
-
-  async openOutLineSidebar() {
-    if (!(await this.isOutLineSidePanelOpen())) {
-      await this.sidebarToggleButton.click();
-      await browser.sleep(2000);
-    }
-  }
-
-  private async isOutLineSidePanelOpen(): Promise<boolean> {
-    const containerClasses = await element(by.id('outerContainer')).getAttribute('class');
-    return containerClasses.includes('sidebarOpen');
-  }
-
-  async clickTextIcon() {
-    await this.clickElement(by.id('mvHighlightBtn'));
-  }
-
-  async dontClickTextIcon() {
-    await this.clickElement(by.id('mvHighlightBtn'));
-  }
-
-  async enableTextHighLightMode() {
-    await this.toggleButton('mvHighlightBtn', false);
-  }
-
-  async disableTextHighLightMode() {
-    await this.toggleButton('mvHighlightBtn', true);
-  }
-
-  async enableDrawHighLightMode() {
-    await this.toggleButton('mvDrawBtn', false);
-  }
-
-  async disableDrawHighLightMode() {
-    await this.toggleButton('mvDrawBtn', true);
-  }
-
-  async toggleButton(cssClass: string, toggle: boolean) {
-    const cssClasses = await this.getClassAttributeOfAnElementLocator(by.id(cssClass));
-    if (cssClasses.includes('toggled') === toggle) {
-      await this.clickElement(by.id(cssClass));
-    }
-  }
-}

package/e2e/src/pages/zoom.po.ts

@@ -1,24 +0,0 @@
-import {by, element} from 'protractor';
-import {AppPage} from './app.po';
-import {ElementFinder} from 'protractor/built/element';
-
-export class ZoomPage extends AppPage {
-
-    async zoomIn() {
-        await this.clickElement(by.id('mvPlusBtn'));
-    }
-
-    async zoomOut() {
-        await this.clickElement(by.id('mvMinusBtn'));
-    }
-
-    async currentZoom() {
-        const el: ElementFinder = await element(by.id('customScaleOption'));
-        return el.getText().then(text => text.trim());
-    }
-
-    async setZoomTo(zoomOption: string) {
-        await this.clickElement(by.id('scaleSelect'));
-        await this.clickElement(by.cssContainingText('select[id=\'scaleSelect\'] option', zoomOption));
-    }
-}

package/e2e/src/scenarios/comment.e2e-spec.ts

@@ -1,30 +0,0 @@
-import { CommentPage } from '../pages/comment.po';
-
-describe('comment', () => {
-  let page: CommentPage;
-
-  beforeAll(async () => {
-    page = new CommentPage();
-    await page.preparePage();
-  });
-
-  it('should display comments modal', async () => {
-    await page.selectPdfViewer();
-    await page.openModal();
-    const modalElement = await page.getModal();
-    expect(modalElement).toBeDefined();
-  });
-
-  it('should have correct table headers', async () => {
-    const modalText = await page.getModalText();
-    expect(modalText).toContain('Date');
-    expect(modalText).toContain('User');
-    expect(modalText).toContain('Comment');
-  });
-
-  it('should close modal on close button', async () => {
-    expect(await page.modalIsOpen()).toBeTruthy();
-    await page.clickCloseButton();
-    expect(await page.modalIsOpen()).toBeFalsy();
-  });
-});