debianize-mobilizon/js/tests/e2e/support/commands.js
Thomas Citharel 77d286ebb6
Introduce Cypress
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2019-10-06 18:28:18 +02:00

129 lines
3.4 KiB
JavaScript

// ***********************************************
// This example commands.js shows you how to
// create various custom commands and overwrite
// existing commands.
//
// For more comprehensive examples of custom
// commands please read more here:
// https://on.cypress.io/custom-commands
// ***********************************************
//
//
// -- This is a parent command --
// Cypress.Commands.add("login", (email, password) => { ... })
//
//
// -- This is a child command --
// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
//
//
// -- This is a dual command --
// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
//
//
// -- This is will overwrite an existing command --
// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
let LOCAL_STORAGE_MEMORY = {};
Cypress.Commands.add("saveLocalStorage", () => {
Object.keys(localStorage).forEach(key => {
LOCAL_STORAGE_MEMORY[key] = localStorage[key];
});
});
Cypress.Commands.add("restoreLocalStorage", () => {
Object.keys(LOCAL_STORAGE_MEMORY).forEach(key => {
localStorage.setItem(key, LOCAL_STORAGE_MEMORY[key]);
});
});
Cypress.Commands.add('checkoutSession', async () => {
const response = await fetch('/sandbox', {
cache: 'no-store',
method: 'POST',
});
const sessionId = await response.text();
return Cypress.env('sessionId', sessionId);
});
Cypress.Commands.add('dropSession', () =>
cy.waitForFetches().then(() =>
fetch('/sandbox', {
method: 'DELETE',
headers: { 'x-session-id': Cypress.env('sessionId') },
}),
),
);
const increaseFetches = () => {
const count = Cypress.env('fetchCount') || 0;
Cypress.env('fetchCount', count + 1);
};
const decreaseFetches = () => {
const count = Cypress.env('fetchCount') || 0;
Cypress.env('fetchCount', count - 1);
};
const buildTrackableFetchWithSessionId = fetch => (fetchUrl, fetchOptions) => {
const { headers } = fetchOptions;
const modifiedHeaders = Object.assign(
{ 'x-session-id': Cypress.env('sessionId') },
headers,
);
const modifiedOptions = Object.assign({}, fetchOptions, {
headers: modifiedHeaders,
});
return fetch(fetchUrl, modifiedOptions)
.then(result => {
decreaseFetches();
return Promise.resolve(result);
})
.catch(result => {
decreaseFetches();
return Promise.reject(result);
});
};
Cypress.on('window:before:load', win => {
cy.stub(win, 'fetch', buildTrackableFetchWithSessionId(fetch));
});
Cypress.Commands.add('waitForFetches', () => {
if (Cypress.env('fetchCount') <= 0) {
return;
}
cy.wait(100).then(() => cy.waitForFetches());
});
Cypress.Commands.add(
'iframeLoaded',
{ prevSubject: 'element' },
($iframe) => {
const contentWindow = $iframe.prop('contentWindow')
return new Promise(resolve => {
if (
contentWindow &&
contentWindow.document.readyState === 'complete'
) {
resolve(contentWindow)
} else {
$iframe.on('load', () => {
resolve(contentWindow)
})
}
})
})
Cypress.Commands.add(
'getInDocument',
{ prevSubject: 'document' },
(document, selector) => Cypress.$(selector, document)
)