TILA-1217 fix tests

Author: kieferbonk

ui/components/common/common.ts

@@ -47,7 +47,9 @@ export const HorisontalRule = styled.div`
   margin-top: var(--spacing-layout-m);
 `;
 
-export const CenterSpinner = styled(LoadingSpinner)`
+export const CenterSpinner = styled(LoadingSpinner).attrs({
+  "data-testid": "loading-spinner",
+})`
   margin: 0 auto var(--spacing-2-xl) auto;
 `;
 

ui/cypress/integration/reservations.ts

@@ -9,6 +9,7 @@ import {
 import {
   cancelButton,
   detailButton,
+  loader,
   redoReservationButton,
   reservationCards,
   tab,
@@ -44,6 +45,10 @@ describe("Tilavaraus user reservations", () => {
   });
 
   it("should list proper items with correct button states and link to reservation unit", () => {
+    loader().should("exist");
+
+    loader().should("not.exist");
+
     reservationCards().should("have.length", 5);
     timeStrip()
       .should("have.length", 5)
@@ -66,7 +71,7 @@ describe("Tilavaraus user reservations", () => {
         expect(text).to.eq("Menneet varaukset (2)");
       });
 
-    cancelButton().should("have.length", 1);
+    cancelButton().should("have.length", 2);
 
     reservationCards()
       .eq(0)

ui/cypress/model/reservation-list.ts

@@ -31,3 +31,7 @@ export function timeStrip(): Cypress.Chainable<JQuery<HTMLElement>> {
 export function ticket(): Cypress.Chainable<JQuery<HTMLElement>> {
   return cy.get("[data-testid='reservation__ticket--container']");
 }
+
+export function loader(): Cypress.Chainable<JQuery<HTMLElement>> {
+  return cy.get("[data-testid='loading-spinner']");
+}