SubmissionsTeacherView.spec.ts

SELab-2 · May 20, 2024 · aa418bf · aa418bf
1 parent b8eb99c
commit aa418bf
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 9 deletions.
diff --git a/frontend/src/views/SubmissionsTeacherView.vue b/frontend/src/views/SubmissionsTeacherView.vue
@@ -5,13 +5,13 @@
             <v-col class="col-sm-12 col-md-6 col-lg-8">
                 <v-skeleton-loader :loading="projectLoading || submissionsLoading" type="card" class="card">
                     <v-card-title class="title">{{ $t("submission.submissions_title", { project: project.name }) }}</v-card-title>
-                    <v-card-subtitle v-if="submissions.length == 0" icon="$warning" color="warning">
-                        {{ $t("submission.no_submissions") }}</v-card-subtitle
-                    >
-                    <v-card-subtitle v-else icon="$info">{{ $t("submission.teacher_submissions_info") }}</v-card-subtitle>
-                    <v-btn class="primary-button" @click="downloadAll" prepend-icon="mdi-download">
-                        {{ $t("project.submissions_zip") }}
-                    </v-btn>
+                    <v-card-subtitle v-if="submissions.length == 0" class="subtitle">{{ $t("submission.no_submissions") }}</v-card-subtitle>
+                    <div v-else>
+                        <v-card-subtitle class="subtitle">{{ $t("submission.teacher_submissions_info") }}</v-card-subtitle>
+                        <v-btn class="primary-button" @click="downloadAll" prepend-icon="mdi-download">
+                            {{ $t("project.submissions_zip") }}
+                        </v-btn>
+                    </div>
                     <SubmissionTeacherCard
                         class="ma-3"
                         v-for="submission in submissions"
@@ -72,11 +72,15 @@ const downloadAll = () => {
     padding: 15px;
 }
 
-.title{
+.title, .subtitle{
     width: 100%;
 }
 
 .backbutton{
     margin-top: 30px;
 }
+
+.primary-button {
+    margin: 15px;
+}
 </style>
diff --git a/frontend/tests/components/project/ProjectInfo.spec.ts b/frontend/tests/components/project/ProjectInfo.spec.ts
@@ -1,6 +1,26 @@
 import {mount} from "@vue/test-utils";
 import {expect, describe, it, vi} from "vitest";
 import ProjectInfo from "@/components/project/ProjectInfo.vue"
+import {ref} from "vue";
+
+const mockRouter = {
+    push: vi.fn(),
+};
+
+vi.mock("vue-router", () => ({
+    useRouter: () => mockRouter,
+}));
+
+const testAuthStore = {
+    isLoggedIn: ref(true),
+    setLoggedIn(value) {
+        this.isLoggedIn.value = value;
+    },
+};
+
+vi.mock("@/stores/auth-store", () => ({
+    useAuthStore: vi.fn(() => testAuthStore),
+}));
 
 const mockProject = {
     name: "projectname",

diff --git a/frontend/tests/views/SubmissionsTeacherView.spec.ts b/frontend/tests/views/SubmissionsTeacherView.spec.ts
@@ -21,7 +21,7 @@ vi.mock("@/queries/Submission", () => ({
 }))
 
 const testProjectQuery = {
-    data: ref({id: 1, name: "testproject"}),
+    data: ref({id: 1, name: "testproject", deadline: new Date(2025, 5, 31)}),
     isLoading: ref(false)
 }
 
@@ -48,7 +48,13 @@ describe("SubmissionsTeacherView", () => {
         const text = wrapper.text()
         expect(text).toContain("Indieningen voor project testproject")
         expect(text).toContain("Deze pagina bevat een lijst van de laatste indiening van elke groep voor dit project.")
+        expect(text).toContain("Download alle indieningen")
         expect(wrapper.findComponent({name: "SubmissionTeacherCard"}).exists()).toBeTruthy()
         expect(wrapper.findComponent({name: "BackButton"}).exists()).toBeTruthy()
+        testProjectSubmissionsQuery.setData([])
+        await wrapper.vm.$nextTick()
+    });
+    it("render if no submissions", () => {
+        expect(wrapper.text()).toContain("Nog geen indieningen")
     });
 })