Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-04 04:10:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: fix e2e tests and add new for x-tag

Browse Source
This commit is contained in:
Alex Varchuk 2023-07-19 12:37:19 +03:00
parent 869216ecab
commit 2e55017136
No known key found for this signature in database
GPG Key ID: 8A9260AE529FF454
1 changed files with 74 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
e2e/integration/menu.e2e.ts
View File

@ -1,80 +1,89 @@
describe('Menu', () => { describe('Menu', () => {
beforeEach(() => { describe('3.0 spec', () => {
cy.visit('e2e/standalone.html'); beforeEach(() => {
}); cy.visit('e2e/standalone.html');
});
it('should have valid items count', () => {
cy.get('.menu-content').find('li').should('have.length', 35);
});
it('should have valid items count', () => { it('should sync active menu items while scroll', () => {
cy.get('.menu-content').find('li').should('have.length', 34); cy.contains('h1', 'Introduction')
}); .scrollIntoView()
.get('[role=menuitem] > label.active')
.should('have.text', 'Introduction');
it('should sync active menu items while scroll', () => { cy.contains('h2', 'Add a new pet to the store')
cy.contains('h1', 'Introduction') .scrollIntoView()
.scrollIntoView() .wait(100)
.get('[role=menuitem].active') .get('[role=menuitem] > label.active')
.should('have.text', 'Introduction'); .children()
.last()
.should('have.text', 'Add a new pet to the store')
.should('be.visible');
});
cy.contains('h2', 'Add a new pet to the store') it('should sync active menu items while scroll back and scroll again', () => {
.scrollIntoView() cy.contains('h2', 'Add a new pet to the store')
.wait(100) .scrollIntoView()
.get('[role=menuitem].active') .wait(100)
.children() .get('[role=menuitem] > label.active')
.last() .children()
.should('have.text', 'Add a new pet to the store') .last()
.should('be.visible'); .should('have.text', 'Add a new pet to the store')
}); .should('be.visible');
it('should sync active menu items while scroll back and scroll again', () => { cy.contains('h1', 'Swagger Petstore').scrollIntoView().wait(100);
cy.contains('h2', 'Add a new pet to the store')
.scrollIntoView()
.wait(100)
.get('[role=menuitem].active')
.children()
.last()
.should('have.text', 'Add a new pet to the store')
.should('be.visible');
cy.contains('h1', 'Swagger Petstore').scrollIntoView().wait(100); cy.contains('h1', 'Introduction')
.scrollIntoView()
.wait(100)
.get('[role=menuitem] > label.active')
.should('have.text', 'Introduction');
cy.contains('h1', 'Introduction') cy.url().should('include', '#section/Introduction');
.scrollIntoView() });
.wait(100)
.get('[role=menuitem].active')
.should('have.text', 'Introduction');
cy.url().should('include', '#section/Introduction'); it('should update URL hash when clicking on menu items', () => {
}); cy.contains('[role=menuitem] > label.-depth1', 'pet').click({ force: true });
cy.get('li[data-item-id="schema/Cat"]')
.should('have.text', 'schemaCat')
.click({ force: true });
cy.location('hash').should('equal', '#schema/Cat');
});
it('should update URL hash when clicking on menu items', () => { it('should contains Cat schema in Pet using x-tags', () => {
cy.contains('[role=menuitem].-depth1', 'pet').click({ force: true }); cy.contains('[role=menuitem] > label.-depth1', 'pet').click({ force: true });
cy.location('hash').should('equal', '#tag/pet'); cy.location('hash').should('equal', '#tag/pet');
cy.contains('[role=menuitem]', 'Find pet by ID').click({ force: true }); cy.contains('[role=menuitem]', 'Find pet by ID').click({ force: true });
cy.location('hash').should('equal', '#tag/pet/operation/getPetById'); cy.location('hash').should('equal', '#tag/pet/operation/getPetById');
}); });
it('should deactivate tag when other is activated', () => { it('should deactivate tag when other is activated', () => {
const petItem = () => cy.contains('[role=menuitem].-depth1', 'pet'); const petItem = () => cy.contains('[role=menuitem] > label.-depth1', 'pet');
petItem().click({ force: true }).should('have.class', 'active'); petItem().click({ force: true }).should('have.class', 'active');
cy.contains('[role=menuitem].-depth1', 'store').click({ force: true }); cy.contains('[role=menuitem] > label.-depth1', 'store').click({ force: true });
petItem().should('not.have.class', 'active'); petItem().should('not.have.class', 'active');
}); });
it('should be able to open a response object to see more details', () => { it('should be able to open a response object to see more details', () => {
cy.contains('h2', 'Find pet by ID') cy.contains('h2', 'Find pet by ID')
.scrollIntoView() .scrollIntoView()
.wait(100) .wait(100)
.parent() .parent()
.find('div h3') .find('div h3')
.should('have.text', 'Responses') .should('have.text', 'Responses')
.parent() .parent()
.find('div:first button') .find('div:first button')
.click() .click()
.should('have.attr', 'aria-expanded', 'true') .should('have.attr', 'aria-expanded', 'true')
.parent() .parent()
.find('div h5') .find('div h5')
.then($h5 => $h5[0].firstChild!.nodeValue!.trim()) .then($h5 => $h5[0].firstChild!.nodeValue!.trim())
.should('eq', 'Response Schema:'); .should('eq', 'Response Schema:');
});
}); });
it('should be able to open the operation details when the operation IDs have quotes', () => { it('should be able to open the operation details when the operation IDs have quotes', () => {
@ -85,7 +94,7 @@ describe('Menu', () => {
cy.url().should('include', 'deletePetBy%22Id'); cy.url().should('include', 'deletePetBy%22Id');
}); });
it.only('should encode URL when the operation IDs have backslashes', () => { it('should encode URL when the operation IDs have backslashes', () => {
cy.visit('e2e/standalone-3-1.html'); cy.visit('e2e/standalone-3-1.html');
cy.get('label span[title="pet"]').click({ multiple: true, force: true }); cy.get('label span[title="pet"]').click({ multiple: true, force: true });
cy.get('li').contains('OperationId with backslash').click({ multiple: true, force: true }); cy.get('li').contains('OperationId with backslash').click({ multiple: true, force: true });