mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-07 10:04:11 +00:00
aba3a9439d
- Replaced the menubar role from the parent of all the header buttons like lang switch, auth menu & help toggle with toolbar - Replaced the remaining `<a>` buttons in the header with `<button>` to make them expandable with space - Fixed accessibility issues flagged by axe DevTools in the user menu dropdown
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import { testA11y } from 'cypress/support/utils';
|
|
|
|
describe('Header', () => {
|
|
it('should pass accessibility tests', () => {
|
|
cy.visit('/');
|
|
|
|
// Header must first be visible
|
|
cy.get('ds-header').should('be.visible');
|
|
|
|
// Analyze <ds-header> for accessibility
|
|
testA11y('ds-header');
|
|
});
|
|
|
|
it('should allow for changing language to German (for example)', () => {
|
|
cy.visit('/');
|
|
|
|
// Click the language switcher (globe) in header
|
|
cy.get('button[data-test="lang-switch"]').click();
|
|
// Click on the "Deusch" language in dropdown
|
|
cy.get('#language-menu-list div[role="option"]').contains('Deutsch').click();
|
|
|
|
// HTML "lang" attribute should switch to "de"
|
|
cy.get('html').invoke('attr', 'lang').should('eq', 'de');
|
|
|
|
// Login menu should now be in German
|
|
cy.get('[data-test="login-menu"]').contains('Anmelden');
|
|
|
|
// Change back to English from language switcher
|
|
cy.get('button[data-test="lang-switch"]').click();
|
|
cy.get('#language-menu-list div[role="option"]').contains('English').click();
|
|
|
|
// HTML "lang" attribute should switch to "en"
|
|
cy.get('html').invoke('attr', 'lang').should('eq', 'en');
|
|
|
|
// Login menu should now be in English
|
|
cy.get('[data-test="login-menu"]').contains('Log In');
|
|
});
|
|
});
|