chore: some tests

This commit is contained in:
Livio Bieri 2023-10-02 16:22:21 +02:00
parent 7794203cd9
commit 79d4246b88
2 changed files with 52 additions and 0 deletions

View File

@ -117,12 +117,14 @@ async function loadAdditionalAppointments() {
<div class="flex flex-col space-x-0 bg-white lg:flex-row lg:space-x-3">
<ItDropdownSelect
v-model="selectedSession"
data-cy="appointments-session-select"
:items="courseSessions"
borderless
></ItDropdownSelect>
<template v-if="selectedSession.id !== UNFILTERED">
<ItDropdownSelect
v-model="selectedCircle"
data-cy="appointments-circle-select"
:items="circles"
borderless
></ItDropdownSelect>
@ -135,6 +137,7 @@ async function loadAdditionalAppointments() {
:due-dates="appointments"
:show-all-due-dates-link="false"
:max-count="numAppointmentsToShow"
data-cy="appointments-list"
/>
<button
v-if="canLoadMore"

View File

@ -0,0 +1,49 @@
import {login} from "./helpers";
const CIRCLE_SELECT = '[data-cy=appointments-circle-select]';
const SESSION_SELECT = '[data-cy=appointments-session-select]';
const APPOINTMENTS = '[data-cy=appointments-list]';
describe("circle.cy.js", () => {
beforeEach(() => {
cy.manageCommand("cypress_reset");
login("test-student2@example.com", "test");
cy.visit("/course/test-lehrgang/appointments");
// Pre-Select Bern
cy.get(SESSION_SELECT).click();
cy.get(SESSION_SELECT).contains("Bern").click();
cy.get(SESSION_SELECT).should("contain", "Bern");
});
it("preselects the correct course session (Bern)", () => {
cy.visit("/course/test-lehrgang/appointments");
cy.get(SESSION_SELECT).should("contain", "Bern");
})
it("preselects NO course session (all)", () => {
cy.visit("/appointments");
cy.get(SESSION_SELECT).should("contain", "Alle");
})
it("can filter by circle", () => {
// TODO: Fix this test (somehow the circle select is not working)
// because it's loading on change of the session select?
// cy.get(CIRCLE_SELECT).click();
// cy.get(CIRCLE_SELECT).contains("Fahrzeug").click();
//
// // THEN
// cy.get(APPOINTMENTS).should("not.contain", "Keine Termine");
})
it("can switch course session to Zurich", () => {
cy.get(SESSION_SELECT).click();
cy.get(SESSION_SELECT).contains("Zürich").click();
cy.get(SESSION_SELECT).should("contain", "Zürich");
// THEN
cy.get(APPOINTMENTS).should("contain", "Keine Termine");
})
})