gitea
/
Koha-clms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bug 42322: Add Cypress tests 

Signed-off-by: Pedro Amorim <pedro.amorim@openfifth.co.uk>
This commit is contained in:
Jonathan Druart 2026-08-24 09:39:05 +02:00 committed by Pedro Amorim
parent fc8f56b88f
commit e8137a2c94
No known key found for this signature in database
GPG Key ID: 06B75BA7F3894D55
1 changed files with 77 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
t/cypress/integration/Sidebar_spec.ts Normal file
View File

@ -0,0 +1,77 @@
describe("Sidebar toggle", () => {
beforeEach(() => {
cy.login();
cy.title().should("eq", "Koha staff interface");
cy.task("insertSamplePatron").then(objects_patron => {
cy.wrap(objects_patron).as("objects_patron");
});
});
afterEach(function () {
cy.task("deleteSampleObjects", this.objects_patron);
});
it("Should display toggle button on patron detail page", function () {
const patron = this.objects_patron.patron;
cy.visit(
`/cgi-bin/koha/members/moremember.pl?borrowernumber=${patron.patron_id}`
);
cy.get("#toggle-sidebar").should("be.visible");
});
it("Should toggle sidebar collapsed state when button is clicked", function () {
const patron = this.objects_patron.patron;
cy.visit(
`/cgi-bin/koha/members/moremember.pl?borrowernumber=${patron.patron_id}`
);
// Sidebar should not be collapsed initially
cy.get("#sidebar-container").should("not.have.class", "collapsed");
cy.get("#toggle-sidebar").should("have.attr", "aria-expanded", "true");
// Click the toggle button
cy.get("#toggle-sidebar").click();
// Sidebar should now be collapsed
cy.get("#sidebar-container").should("have.class", "collapsed");
cy.get("#toggle-sidebar").should("have.attr", "aria-expanded", "false");
// Click again to expand
cy.get("#toggle-sidebar").click();
// Sidebar should be expanded again
cy.get("#sidebar-container").should("not.have.class", "collapsed");
cy.get("#toggle-sidebar").should("have.attr", "aria-expanded", "true");
});
it("Should update chevron icon when sidebar is toggled", function () {
const patron = this.objects_patron.patron;
cy.visit(
`/cgi-bin/koha/members/moremember.pl?borrowernumber=${patron.patron_id}`
);
// Initially should have chevron-left (expanded state)
cy.get("#toggle-sidebar i").should("have.class", "fa-chevron-left");
cy.get("#toggle-sidebar i").should(
"not.have.class",
"fa-chevron-right"
);
// Click to collapse
cy.get("#toggle-sidebar").click();
// Should now have chevron-right (collapsed state)
cy.get("#toggle-sidebar i").should("have.class", "fa-chevron-right");
cy.get("#toggle-sidebar i").should("not.have.class", "fa-chevron-left");
// Click again to expand
cy.get("#toggle-sidebar").click();
// Should have chevron-left again
cy.get("#toggle-sidebar i").should("have.class", "fa-chevron-left");
cy.get("#toggle-sidebar i").should(
"not.have.class",
"fa-chevron-right"
);
});
});