redoc/e2e/integration/search.e2e.ts
2018-03-19 16:34:37 +02:00

56 lines
1.8 KiB
TypeScript

describe('Search', () => {
const getSearchInput = () => cy.get('[role="search"] input');
const getSearchResults = () => cy.get('[data-role="search:results"]');
const getResult = i => cy.get('[role=search] [role=menuitem]').eq(i);
beforeEach(() => {
cy.visit('e2e/standalone.html');
});
it('should correctly show and hide search results box', function() {
getSearchResults().should('not.exist');
// should not open for less than 3 symbols
getSearchInput().type('in', { force: true });
getSearchResults().should('not.exist');
getSearchInput().type('t', { force: true });
cy
.get('[role=search] [role=menuitem]')
.should('have.length', 3)
.first()
.should('contain', 'Introduction');
getSearchInput().type('{esc}', { force: true });
getSearchResults().should('not.exist');
});
it('should support arrow navigation', function() {
getSearchInput().type('int', { force: true });
getSearchInput().type('{downarrow}', { force: true });
getResult(0).should('have.class', 'active');
getSearchInput().type('{downarrow}', { force: true });
getResult(1).should('have.class', 'active');
getResult(0).should('not.have.class', 'active');
getSearchInput().type('{uparrow}', { force: true });
getResult(1).should('not.have.class', 'active');
getResult(0).should('have.class', 'active');
getSearchInput().type('{uparrow}', { force: true });
getResult(0).should('have.class', 'active');
getSearchInput().type('{enter}', { force: true });
cy.contains('[role=navigation] [role=menuitem]', 'Introduction').should('have.class', 'active');
});
it('should mark search results', function() {
cy.get('[data-markjs]').should('not.exist');
getSearchInput().type('int', { force: true });
cy.get('[data-markjs]').should('exist');
});
});