mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-07 10:04:11 +00:00
d69a02e6cc
Now that we use initialNavigation: 'enabledBlocking', pages can appear to be loaded before some functionality is fully active. In some cases this trips up Cypress, and it tries to interact with the app too soon. We address this by introducing a new dsBrowserOnly pipe in order to defer the data-test attributes Cypress relies on to CSR.
71 lines
2.7 KiB
TypeScript
71 lines
2.7 KiB
TypeScript
import { Options } from 'cypress-axe';
|
|
import { TEST_SEARCH_TERM } from 'cypress/support';
|
|
import { testA11y } from 'cypress/support/utils';
|
|
|
|
describe('Search Page', () => {
|
|
it('should redirect to the correct url when query was set and submit button was triggered', () => {
|
|
const queryString = 'Another interesting query string';
|
|
cy.visit('/search');
|
|
// Type query in searchbox & click search button
|
|
cy.get('[data-test="search-box"]').type(queryString);
|
|
cy.get('[data-test="search-button"]').click();
|
|
cy.url().should('include', 'query=' + encodeURI(queryString));
|
|
});
|
|
|
|
it('should load results and pass accessibility tests', () => {
|
|
cy.visit('/search?query=' + TEST_SEARCH_TERM);
|
|
cy.get('[data-test="search-box"]').should('have.value', TEST_SEARCH_TERM);
|
|
|
|
// <ds-search-page> tag must be loaded
|
|
cy.get('ds-search-page').should('exist');
|
|
|
|
// At least one search result should be displayed
|
|
cy.get('[data-test="list-object"]').should('be.visible');
|
|
|
|
// Click each filter toggle to open *every* filter
|
|
// (As we want to scan filter section for accessibility issues as well)
|
|
cy.get('[data-test="filter-toggle"]').click({ multiple: true });
|
|
|
|
// Analyze <ds-search-page> for accessibility issues
|
|
testA11y(
|
|
{
|
|
include: ['ds-search-page'],
|
|
exclude: [
|
|
['nouislider'] // Date filter slider is missing ARIA labels. Will be fixed by #1175
|
|
],
|
|
},
|
|
{
|
|
rules: {
|
|
// Search filters fail these two "moderate" impact rules
|
|
'heading-order': { enabled: false },
|
|
'landmark-unique': { enabled: false }
|
|
}
|
|
} as Options
|
|
);
|
|
});
|
|
|
|
it('should have a working grid view that passes accessibility tests', () => {
|
|
cy.visit('/search?query=' + TEST_SEARCH_TERM);
|
|
|
|
// Click button in sidebar to display grid view
|
|
cy.get('ds-search-sidebar [data-test="grid-view"]').click();
|
|
|
|
// <ds-search-page> tag must be loaded
|
|
cy.get('ds-search-page').should('exist');
|
|
|
|
// At least one grid object (card) should be displayed
|
|
cy.get('[data-test="grid-object"]').should('be.visible');
|
|
|
|
// Analyze <ds-search-page> for accessibility issues
|
|
testA11y('ds-search-page',
|
|
{
|
|
rules: {
|
|
// Search filters fail these two "moderate" impact rules
|
|
'heading-order': { enabled: false },
|
|
'landmark-unique': { enabled: false }
|
|
}
|
|
} as Options
|
|
);
|
|
});
|
|
});
|