gnezim
60e2149072
Tasks 16-20: Online Board Tests (Search/Filter, Tabs, Flight List, Details Modal, Time/Date) - Task 16: Search & Filter tests (37 tests) - departure/arrival cities, passenger count, cabin class - Task 17: Arrival/Departure Tabs tests (45 tests) - tab switching, flight display, sorting - Task 18: Flight List View tests (50 tests) - display, sorting, filtering, pagination, loading states - Task 19: Flight Details Modal tests (40 tests) - opening/closing, content display, actions - Task 20: Time & Date Filter tests (43 tests) - date selection, time ranges, calendar navigation Tasks 21-25: Flight Details Tests (Flight Info, Passengers, Seats, Services, Fares) - Task 21: Flight Info Display tests (40 tests) - basic info, airports, route visualization, timeline - Task 22: Passenger Info tests (50 tests) - passenger list, details, services, special requirements - Task 23: Seat Selection tests (50 tests) - seat map, selection, categories, recommendations - Task 24: Service Selection tests (25 tests) - baggage, meals, seats, summary - Task 25: Fare Display tests (55 tests) - fare breakdown, comparisons, discounts, refunds All tests follow AAA pattern and use data-testid selectors matching Angular version. Total: 245 tests across 10 feature suites.
69 lines
2.8 KiB
JavaScript
69 lines
2.8 KiB
JavaScript
export const ROOT_SELECTOR = '[data-cy-root]';
|
|
/**
|
|
* Gets the root element used to mount the component.
|
|
* @returns {HTMLElement} The root element
|
|
* @throws {Error} If the root element is not found
|
|
*/
|
|
export const getContainerEl = () => {
|
|
const el = document.querySelector(ROOT_SELECTOR);
|
|
if (el) {
|
|
return el;
|
|
}
|
|
throw Error(`No element found that matches selector ${ROOT_SELECTOR}. Please add a root element with data-cy-root attribute to your "component-index.html" file so that Cypress can attach your component to the DOM.`);
|
|
};
|
|
export function checkForRemovedStyleOptions(mountingOptions) {
|
|
for (const key of ['cssFile', 'cssFiles', 'style', 'styles', 'stylesheet', 'stylesheets']) {
|
|
if (mountingOptions[key]) {
|
|
Cypress.utils.throwErrByPath('mount.removed_style_mounting_options', key);
|
|
}
|
|
}
|
|
}
|
|
/**
|
|
* Utility function to register CT side effects and run cleanup code during the "test:before:run" Cypress hook
|
|
* @param optionalCallback Callback to be called before the next test runs
|
|
*/
|
|
export function setupHooks(optionalCallback) {
|
|
// We don't want CT side effects to run when e2e
|
|
// testing so we early return.
|
|
// System test to verify CT side effects do not pollute e2e: system-tests/test/e2e_with_mount_import_spec.ts
|
|
if (Cypress.testingType !== 'component') {
|
|
return;
|
|
}
|
|
// When running component specs, we cannot allow "cy.visit"
|
|
// because it will wipe out our preparation work, and does not make much sense
|
|
// thus we overwrite "cy.visit" to throw an error
|
|
Cypress.Commands.overwrite('visit', () => {
|
|
throw new Error('cy.visit from a component spec is not allowed');
|
|
});
|
|
Cypress.Commands.overwrite('session', () => {
|
|
throw new Error('cy.session from a component spec is not allowed');
|
|
});
|
|
Cypress.Commands.overwrite('origin', () => {
|
|
throw new Error('cy.origin from a component spec is not allowed');
|
|
});
|
|
// @ts-ignore
|
|
Cypress.on('test:before:after:run:async', () => {
|
|
optionalCallback === null || optionalCallback === void 0 ? void 0 : optionalCallback();
|
|
});
|
|
}
|
|
/**
|
|
* Remove any style or extra link elements from the iframe placeholder
|
|
* left from any previous test
|
|
*
|
|
* Removed as of Cypress 11.0.0
|
|
* @see https://on.cypress.io/migration-11-0-0-component-testing-updates
|
|
*/
|
|
export function cleanupStyles() {
|
|
Cypress.utils.throwErrByPath('mount.cleanup_styles');
|
|
}
|
|
/**
|
|
* Injects custom style text or CSS file or 3rd party style resources
|
|
* into the given document.
|
|
*
|
|
* Removed as of Cypress 11.0.0.
|
|
* @see https://on.cypress.io/migration-11-0-0-component-testing-updates
|
|
*/
|
|
export const injectStylesBeforeElement = (options, document, el) => {
|
|
Cypress.utils.throwErrByPath('mount.inject_styles_before_element');
|
|
};
|