@jahia/cypress 2.0.0 → 3.0.0

package/src/custom.d.ts

@@ -1,3 +1,3 @@
 interface String {
     replaceAll(input: string, output : string): any;
-}
+}

package/src/index.ts

@@ -1,3 +1,4 @@
-export * from './page-object'
-export * from './plugins'
-export * from './support'
+export * from './page-object';
+export * from './plugins';
+export * from './support';
+export * from './utils';

package/src/page-object/baseComponent.ts

@@ -11,20 +11,20 @@ export class BaseComponent {
     assertion?: (s: JQuery) => void
 
     constructor(element: Chainable<JQuery>, assertion?: (s: JQuery) => void) {
-        this.id = BaseComponent.count++
-        this.element = element.as('component' + this.id)
-        this.assertion = assertion
+        this.id = BaseComponent.count++;
+        this.element = element.as('component' + this.id);
+        this.assertion = assertion;
     }
 
     get(): Chainable<JQuery> {
         if (this.assertion) {
-            return cy.get('@component' + this.id, {log: false}).should(this.assertion)
+            return cy.get('@component' + this.id, {log: false}).should(this.assertion);
         }
 
-        return cy.get('@component' + this.id, {log: false})
+        return cy.get('@component' + this.id, {log: false});
     }
 
     should(arg, ...others) {
-        return cy.get('@component' + this.id, {log: false}).should(arg, ...others)
+        return cy.get('@component' + this.id, {log: false}).should(arg, ...others);
     }
-}
+}

package/src/page-object/basePage.ts

@@ -1,2 +1,2 @@
 export class BasePage {
-}
+}

package/src/page-object/html/iframe.ts

@@ -1,4 +1,4 @@
-import {BaseComponent} from "../baseComponent"
+import {BaseComponent} from '../baseComponent';
 import Chainable = Cypress.Chainable;
 
 export class IFrame extends BaseComponent {
@@ -7,26 +7,25 @@ export class IFrame extends BaseComponent {
     private body: JQuery<HTMLElement>
 
     constructor(element: Chainable<JQuery>, assertion?: (s: JQuery) => void) {
-        super(element, assertion)
+        super(element, assertion);
         this.get()
             .should(f => {
-                const fr: HTMLFrameElement = f[0] as HTMLFrameElement
-                expect(fr.contentWindow.location.href).not.equals('about:blank')
-                expect(fr.contentWindow.document.readyState).equals('complete')
-                expect(fr.contentDocument.body).not.be.empty
+                const fr: HTMLFrameElement = f[0] as HTMLFrameElement;
+                expect(fr.contentWindow.location.href).not.equals('about:blank');
+                expect(fr.contentWindow.document.readyState).equals('complete');
+                expect(fr.contentDocument.body).not.be.empty;
             })
-            .its('0.contentDocument.body').as('framebody' + this.id)
+            .its('0.contentDocument.body').as('framebody' + this.id);
     }
 
     getBody(): Chainable<JQuery> {
-        return cy.get('@framebody' + this.id)
+        return cy.get('@framebody' + this.id);
     }
 
     enter(): void {
         this.get().then(f => {
-            const fr: HTMLFrameElement = f[0] as HTMLFrameElement
-            cy.visit(fr.contentWindow.location.href)
-        })
+            const fr: HTMLFrameElement = f[0] as HTMLFrameElement;
+            cy.visit(fr.contentWindow.location.href);
+        });
     }
-
-}
+}

package/src/page-object/html/index.ts

@@ -1 +1 @@
-export * from './iframe'
+export * from './iframe';

package/src/page-object/index.ts

@@ -1,6 +1,6 @@
-export * from './baseComponent'
-export * from './basePage'
-export * from './html'
-export * from './material'
-export * from './moonstone'
-export * from './utils'
+export * from './baseComponent';
+export * from './basePage';
+export * from './html';
+export * from './material';
+export * from './moonstone';
+export * from './utils';

package/src/page-object/material/index.ts

@@ -1,2 +1,2 @@
-export * from './muiinput'
-export * from './muiradio'
+export * from './muiinput';
+export * from './muiradio';

package/src/page-object/material/muiinput.ts

@@ -1,19 +1,17 @@
-import {BaseComponent} from "../baseComponent"
+import {BaseComponent} from '../baseComponent';
 import TypeOptions = Cypress.TypeOptions;
 
 export class MUIInput extends BaseComponent {
     static defaultSelector = 'div'
 
     clear(): MUIInput {
-        this.get().clear()
-        return this
+        this.get().clear();
+        return this;
     }
 
     type(text: string, options?: Partial<TypeOptions>): MUIInput {
-        this.get().type(text, options)
-        return this
+        this.get().type(text, options);
+        return this;
     }
-
 }
 
-

package/src/page-object/material/muiradio.ts

@@ -1,13 +1,11 @@
-import {BaseComponent} from "../baseComponent"
-
+import {BaseComponent} from '../baseComponent';
 
 export class MUIRadio extends BaseComponent {
     static defaultSelector = 'label'
 
     click(): MUIRadio {
-        this.get().click()
-        return this
+        this.get().click();
+        return this;
     }
-
 }
 

package/src/page-object/moonstone/accordion.ts

@@ -1,22 +1,21 @@
-import {BaseComponent} from "../baseComponent"
+import {BaseComponent} from '../baseComponent';
 import Chainable = Cypress.Chainable;
 
 export class Accordion extends BaseComponent {
     static defaultSelector = '.moonstone-accordion'
 
     click(itemName: string): Accordion {
-        this.get().find(`section.moonstone-accordionItem header[aria-controls="${itemName}"]`).click()
-        return this
+        this.get().find(`section.moonstone-accordionItem header[aria-controls="${itemName}"]`).click();
+        return this;
     }
 
     listItems(): Chainable<string[]> {
         return this.get().find('section.moonstone-accordionItem header').then(items => {
-            return Array.prototype.slice.call(items, 0).map(i => i.attributes['aria-controls'] ? i.attributes['aria-controls'].value : null).filter(i => i !== null)
-        })
+            return Array.prototype.slice.call(items, 0).map(i => i.attributes['aria-controls'] ? i.attributes['aria-controls'].value : null).filter(i => i !== null);
+        });
     }
 
     getContent(): Chainable<JQuery> {
-        return this.get().find('section.moonstone-accordionItem .moonstone-accordionItem_content')
+        return this.get().find('section.moonstone-accordionItem .moonstone-accordionItem_content');
     }
-
-}
+}

package/src/page-object/moonstone/button.ts

@@ -1,13 +1,11 @@
-import {BaseComponent} from "../baseComponent"
-
+import {BaseComponent} from '../baseComponent';
 
 export class Button extends BaseComponent {
     static defaultSelector = '.moonstone-button'
 
     click(): Button {
-        this.get().click()
-        return this
+        this.get().click();
+        return this;
     }
-
 }
 

package/src/page-object/moonstone/collapsible.ts

@@ -1,24 +1,23 @@
-import {BaseComponent} from "../baseComponent"
-
+import {BaseComponent} from '../baseComponent';
 
 export class Collapsible extends BaseComponent {
     static defaultSelector = '.moonstone-collapsible'
 
     collapse(): Collapsible {
-        this.get().children('div').then(($child) => {
+        this.get().children('div').then($child => {
             if ($child.hasClass('moonstone-collapsible_content_expanded')) {
-                this.get().find('.moonstone-collapsible_button').click()
+                this.get().find('.moonstone-collapsible_button').click();
             }
-        })
-        return this
+        });
+        return this;
     }
 
     expand(): Collapsible {
-        this.get().children('div').then(($child) => {
+        this.get().children('div').then($child => {
             if ($child.hasClass('moonstone-collapsible_content_collapsed')) {
-                this.get().find('.moonstone-collapsible_button').click().scrollIntoView()
+                this.get().find('.moonstone-collapsible_button').click().scrollIntoView();
             }
-        })
-        return this
+        });
+        return this;
     }
 }

package/src/page-object/moonstone/dropdown.ts

@@ -1,16 +1,14 @@
-import {BaseComponent} from "../baseComponent"
-import {Menu} from "./menu";
-import {getComponent} from "../utils";
-
+import {BaseComponent} from '../baseComponent';
+import {Menu} from './menu';
+import {getComponent} from '../utils';
 
 export class Dropdown extends BaseComponent {
     static defaultSelector = '.moonstone-dropdown_container'
 
     select(item: string): Dropdown {
-        this.get().click()
-        getComponent(Menu).select(item)
-        return this
+        this.get().click();
+        getComponent(Menu).select(item);
+        return this;
     }
-
 }
 

package/src/page-object/moonstone/index.ts

@@ -1,9 +1,9 @@
-export * from './accordion'
-export * from './button'
-export * from './collapsible'
-export * from './dropdown'
-export * from './menu'
-export * from './pagination'
-export * from './primaryNav'
-export * from './secondaryNav'
-export * from './table'
+export * from './accordion';
+export * from './button';
+export * from './collapsible';
+export * from './dropdown';
+export * from './menu';
+export * from './pagination';
+export * from './primaryNav';
+export * from './secondaryNav';
+export * from './table';

package/src/page-object/moonstone/menu.ts

@@ -1,19 +1,19 @@
-import {BaseComponent} from "../baseComponent"
+import {BaseComponent} from '../baseComponent';
 
 export class Menu extends BaseComponent {
     static defaultSelector = '.moonstone-menu:visible'
 
     select(item: string): Menu {
         // eslint-disable-next-line cypress/no-unnecessary-waiting
-        cy.wait(500)
-        this.get().find(`.moonstone-menuItem`).should("contain", item).contains(item).trigger('click')
-        return this
+        cy.wait(500);
+        this.get().find('.moonstone-menuItem').should('contain', item).contains(item).trigger('click');
+        return this;
     }
 
     selectByRole(item: string): Menu {
         // eslint-disable-next-line cypress/no-unnecessary-waiting
-        cy.wait(500)
-        this.get().find(`.moonstone-menuItem[data-sel-role="${item}"]`).trigger('click')
-        return this
+        cy.wait(500);
+        this.get().find(`.moonstone-menuItem[data-sel-role="${item}"]`).trigger('click');
+        return this;
     }
-}
+}

package/src/page-object/moonstone/pagination.ts

@@ -1,24 +1,23 @@
-import {BaseComponent} from "../baseComponent"
-import {Button} from "./button";
+import {BaseComponent} from '../baseComponent';
+import {Button} from './button';
 import Chainable = Cypress.Chainable;
-import {getComponentByRole} from "../utils";
+import {getComponentByRole} from '../utils';
 
 export class Pagination extends BaseComponent {
     static defaultSelector = '.moonstone-tablePagination'
 
     clickNextPage(): Pagination {
-        getComponentByRole(Button, 'table-pagination-button-next-page', this).click()
-        return this
+        getComponentByRole(Button, 'table-pagination-button-next-page', this).click();
+        return this;
     }
 
     clickPreviousPage(): Pagination {
-        getComponentByRole(Button, 'table-pagination-button-previous-page', this).click()
-        return this
+        getComponentByRole(Button, 'table-pagination-button-previous-page', this).click();
+        return this;
     }
 
     getTotalRows(): Chainable<number> {
-        return this.get().contains('of').then(el => Number.parseInt(el.text().substr(el.text().indexOf('of') +3)))
+        return this.get().contains('of').then(el => Number.parseInt(el.text().substr(el.text().indexOf('of') + 3)));
     }
-
 }
 

package/src/page-object/moonstone/primaryNav.ts

@@ -1,16 +1,16 @@
-import {BaseComponent} from "../baseComponent"
+import {BaseComponent} from '../baseComponent';
 import Chainable = Cypress.Chainable;
 
 export class PrimaryNav extends BaseComponent {
     static defaultSelector = '.moonstone-primaryNav'
 
     click(itemName: string): void {
-        this.get().find(`.moonstone-primaryNavItem[role="${itemName}"]`).click()
+        this.get().find(`.moonstone-primaryNavItem[role="${itemName}"]`).click();
     }
 
     listItems(): Chainable<string[]> {
         return this.get().find('.moonstone-primaryNavItem').then(items => {
-            return Array.prototype.slice.call(items, 0).map(i => i.attributes['role'] ? i.attributes['role'].value : null).filter(i => i !== null)
-        })
+            return Array.prototype.slice.call(items, 0).map(i => i.attributes.role ? i.attributes.role.value : null).filter(i => i !== null);
+        });
     }
-}
+}

package/src/page-object/moonstone/secondaryNav.ts

@@ -1,5 +1,5 @@
-import {BaseComponent} from "../baseComponent"
+import {BaseComponent} from '../baseComponent';
 
-export class SecondaryNav extends BaseComponent{
+export class SecondaryNav extends BaseComponent {
     static defaultSelector = '.moonstone-secondaryNav_wrapper'
-}
+}

package/src/page-object/moonstone/table.ts

@@ -1,20 +1,20 @@
-import {BaseComponent} from "../baseComponent"
-import {Menu} from "./menu"
-import {getComponent, getComponentByContent, getComponentByIndex, getComponentBySelector} from "../utils";
+import {BaseComponent} from '../baseComponent';
+import {Menu} from './menu';
+import {getComponent, getComponentByContent, getComponentByIndex, getComponentBySelector} from '../utils';
 
 export class Table extends BaseComponent {
     static defaultSelector = '.moonstone-Table'
 
     getRows(assertion?: (s: JQuery) => void): TableRow {
-        return getComponent(TableRow, this, assertion)
+        return getComponent(TableRow, this, assertion);
     }
 
     getRowByIndex(i: number, assertion?: (s: JQuery) => void): TableRow {
-        return getComponentByIndex(TableRow, i, this, assertion)
+        return getComponentByIndex(TableRow, i, this, assertion);
     }
 
     getRowByContent(content: string, assertion?: (s: JQuery) => void): TableRow {
-        return getComponentByContent(TableRow, content, this, assertion)
+        return getComponentByContent(TableRow, content, this, assertion);
     }
 }
 
@@ -22,8 +22,7 @@ export class TableRow extends BaseComponent {
     static defaultSelector = '.moonstone-TableBody .moonstone-TableRow'
 
     contextMenu(): Menu {
-        this.get().rightclick()
-        return getComponentBySelector(Menu, '#menuHolder .moonstone-menu:not(.moonstone-hidden)')
+        this.get().rightclick();
+        return getComponentBySelector(Menu, '#menuHolder .moonstone-menu:not(.moonstone-hidden)');
     }
-
-}
+}

package/src/page-object/utils.ts

@@ -1,39 +1,41 @@
-import {Table} from "./moonstone";
-import {BaseComponent, ComponentType} from "./baseComponent";
+import {Table} from './moonstone';
+import {BaseComponent, ComponentType} from './baseComponent';
 import Chainable = Cypress.Chainable;
 
 export function getElement(selector: string, parent?: BaseComponent, assertion?: (s: JQuery) => void): Chainable<JQuery> {
     const chainable = parent ? parent.get().find(selector) : cy.get(selector);
     if (assertion) {
-        return chainable.should(assertion)
+        return chainable.should(assertion);
     }
+
     return chainable;
 }
 
 export function getComponentBySelector<Component>(C: ComponentType<Component>, selector: string, parent?: BaseComponent, assertion?: (s: JQuery) => void): Component {
-    return new C(getElement(selector, parent, assertion), assertion)
+    return new C(getElement(selector, parent, assertion), assertion);
 }
 
 export function getComponent<Component>(C: ComponentType<Component>, parent?: BaseComponent, assertion?: (s: JQuery) => void): Component {
-    return getComponentBySelector(C, C.defaultSelector, parent, assertion)
+    return getComponentBySelector(C, C.defaultSelector, parent, assertion);
 }
 
 export function getComponentByIndex<Component>(C: ComponentType<Component>, i: number, parent: Table, assertion?: (s: JQuery) => void): Component {
-    return getComponentBySelector(C, `${C.defaultSelector}:nth-child(${i})`, parent, assertion)
+    return getComponentBySelector(C, `${C.defaultSelector}:nth-child(${i})`, parent, assertion);
 }
 
 export function getComponentByRole<Component >(C: ComponentType<Component>, role: string, parent?: BaseComponent, assertion?: (s: JQuery) => void): Component {
-    return getComponentBySelector(C, `${C.defaultSelector}[data-sel-role="${role}"]`, parent, assertion)
+    return getComponentBySelector(C, `${C.defaultSelector}[data-sel-role="${role}"]`, parent, assertion);
 }
 
 export function getComponentByAttr<Component>(C: ComponentType<Component>, attr: string, value: string, parent?: BaseComponent, assertion?: (s: JQuery) => void): Component {
-    return getComponentBySelector(C, `${C.defaultSelector}[${attr}="${value}"]`, parent, assertion)
+    return getComponentBySelector(C, `${C.defaultSelector}[${attr}="${value}"]`, parent, assertion);
 }
 
 export function getComponentByContent<Component>(c: ComponentType<Component>, content: string, parent?: BaseComponent, assertion?: (s: JQuery) => void): Component {
     let chainable = getElement(c.defaultSelector, parent).should('contains', content).contains(content);
     if (assertion) {
-        chainable = chainable.should(assertion)
+        chainable = chainable.should(assertion);
     }
-    return new c(chainable, assertion)
+
+    return new c(chainable, assertion);
 }

package/src/plugins/env.ts

@@ -1,19 +1,20 @@
 const env = (on:Cypress.PluginEvents, config: Cypress.PluginConfigOptions):Cypress.PluginConfigOptions => {
     if (!process.env.JAHIA_URL && !process.env.SUPER_USER_PASSWORD) {
-        console.warn('No environment set, will use default values')
-        config.baseUrl = 'http://localhost:8080'
-        config.env.JAHIA_URL = 'http://localhost:8080'
-        config.env.SUPER_USER_PASSWORD = 'root1234'
+        console.warn('No environment set, will use default values');
+        config.baseUrl = 'http://localhost:8080';
+        config.env.JAHIA_URL = 'http://localhost:8080';
+        config.env.SUPER_USER_PASSWORD = 'root1234';
     } else {
         console.log('Setting environment');
-        config.baseUrl = process.env.JAHIA_URL
-        config.env.JAHIA_URL = process.env.JAHIA_URL
-        config.env.SUPER_USER_PASSWORD = process.env.SUPER_USER_PASSWORD
+        config.baseUrl = process.env.JAHIA_URL;
+        config.env.JAHIA_URL = process.env.JAHIA_URL;
+        config.env.SUPER_USER_PASSWORD = process.env.SUPER_USER_PASSWORD;
     }
-    console.log('JAHIA_URL =', config.env.JAHIA_URL)
-    console.log('SUPER_USER_PASSWORD =', config.env.SUPER_USER_PASSWORD)
 
-    return config
-}
+    console.log('JAHIA_URL =', config.env.JAHIA_URL);
+    console.log('SUPER_USER_PASSWORD =', config.env.SUPER_USER_PASSWORD);
 
-export default env
+    return config;
+};
+
+export default env;

package/src/plugins/index.ts

@@ -1 +1 @@
-export * from './env'
+export * from './env';

package/src/plugins/registerPlugins.ts

@@ -1,5 +1,5 @@
-import env from "./env"
+import env from './env';
 
 export const registerPlugins = (on: Cypress.PluginEvents, config: Cypress.PluginConfigOptions): void => {
-    env(on, config)
-}
+    env(on, config);
+};

package/src/support/apollo/apollo.ts

@@ -3,8 +3,8 @@
 // Load type definitions that come with Cypress module
 /// <reference types="cypress" />
 
-import {ApolloClient, ApolloQueryResult, FetchResult, MutationOptions, QueryOptions} from '@apollo/client/core'
-import gql from "graphql-tag";
+import {ApolloClient, ApolloQueryResult, FetchResult, MutationOptions, QueryOptions} from '@apollo/client/core';
+import gql from 'graphql-tag';
 
 declare global {
     namespace Cypress {
@@ -33,57 +33,55 @@ function isMutationFile(options: ApolloOptions): options is FileMutationOptions
 
 export const apollo = function (apollo: ApolloClient<any>, options: ApolloOptions): void {
     if (!apollo) {
-        apollo = this.currentApolloClient
+        apollo = this.currentApolloClient;
     }
 
-    let result : ApolloQueryResult<any> | FetchResult
-    let logger : Cypress.Log
-    const optionsWithDefaultCache: ApolloOptions = {fetchPolicy: "no-cache", ...options}
+    let result : ApolloQueryResult<any> | FetchResult;
+    let logger : Cypress.Log;
+    const optionsWithDefaultCache: ApolloOptions = {fetchPolicy: 'no-cache', ...options};
 
     if (!apollo) {
-        cy.apolloClient().apollo(optionsWithDefaultCache)
+        cy.apolloClient().apollo(optionsWithDefaultCache);
+    } else if (isQueryFile(optionsWithDefaultCache)) {
+        const {queryFile, ...apolloOptions} = optionsWithDefaultCache;
+        cy.fixture(queryFile).then(content => {
+            cy.apollo({query: gql(content), ...apolloOptions});
+        });
+    } else if (isMutationFile(optionsWithDefaultCache)) {
+        const {mutationFile, ...apolloOptions} = optionsWithDefaultCache;
+        cy.fixture(mutationFile).then(content => {
+            cy.apollo({mutation: gql(content), ...apolloOptions});
+        });
     } else {
-        if (isQueryFile(optionsWithDefaultCache)) {
-            const {queryFile, ...apolloOptions} = optionsWithDefaultCache
-            cy.fixture(queryFile).then(content => {
-                cy.apollo({query: gql(content), ...apolloOptions})
-            })
-        } else if (isMutationFile(optionsWithDefaultCache)) {
-            const {mutationFile, ...apolloOptions} = optionsWithDefaultCache
-            cy.fixture(mutationFile).then(content => {
-                cy.apollo({mutation: gql(content), ...apolloOptions})
-            })
-        } else {
-            const {log = true, ...apolloOptions} = optionsWithDefaultCache
-            if (log) {
-                logger = Cypress.log({
-                    autoEnd: false,
-                    name: 'apollo',
-                    displayName: 'apollo',
-                    message: isQuery(apolloOptions) ? `Execute Graphql Query: ${apolloOptions.query.loc.source.body}` : `Execute Graphql Mutation: ${apolloOptions.mutation.loc.source.body}`,
-                    consoleProps: () => {
-                        return {
-                            Options: apolloOptions,
-                            Yielded: result
-                        }
-                    },
-                })
-            }
-
-            cy.wrap({}, {log: false})
-                .then(() => (isQuery(optionsWithDefaultCache) ? apollo.query(optionsWithDefaultCache).catch(error => {
-                        cy.log(`Caught Graphql Query Error: ${JSON.stringify(error)}`);
-                        return error;
-                    }) : apollo.mutate(optionsWithDefaultCache).catch(error => {
-                        cy.log(`Caught Graphql Mutation Error: ${JSON.stringify(error)}`);
-                        return error;
-                    }))
-                    .then(r => {
-                        result = r
-                        logger?.end()
-                        return r
-                    })
-                )
+        const {log = true, ...apolloOptions} = optionsWithDefaultCache;
+        if (log) {
+            logger = Cypress.log({
+                autoEnd: false,
+                name: 'apollo',
+                displayName: 'apollo',
+                message: isQuery(apolloOptions) ? `Execute Graphql Query: ${apolloOptions.query.loc.source.body}` : `Execute Graphql Mutation: ${apolloOptions.mutation.loc.source.body}`,
+                consoleProps: () => {
+                    return {
+                        Options: apolloOptions,
+                        Yielded: result
+                    };
+                }
+            });
         }
+
+        cy.wrap({}, {log: true})
+            .then(() => (isQuery(optionsWithDefaultCache) ? apollo.query(optionsWithDefaultCache).catch(error => {
+                cy.log(`Caught Graphql Query Error: ${JSON.stringify(error)}`);
+                return error;
+            }) : apollo.mutate(optionsWithDefaultCache).catch(error => {
+                cy.log(`Caught Graphql Mutation Error: ${JSON.stringify(error)}`);
+                return error;
+            }))
+                .then(r => {
+                    result = r;
+                    logger?.end();
+                    return r;
+                })
+            );
     }
-}
+};