From 1a1050aad92e2781b25ec9e94a208ce6400ad2da Mon Sep 17 00:00:00 2001
From: Eline Evje <elineev@stud.ntnu.no>
Date: Fri, 3 May 2024 17:30:29 +0200
Subject: [PATCH] chore: ran format
---
.../DisplayInfoForChallengeOrGoalTest.spec.ts | 26 ++++++------
.../__tests__/HelpComponentTest.spec.ts | 40 +++++++++----------
.../__tests__/ModalEditAvatarTest.spec.ts | 6 +--
src/stores/userConfigStore.ts | 1 -
src/stores/userStore.ts | 2 -
5 files changed, 36 insertions(+), 39 deletions(-)
diff --git a/src/components/__tests__/DisplayInfoForChallengeOrGoalTest.spec.ts b/src/components/__tests__/DisplayInfoForChallengeOrGoalTest.spec.ts
index e3cb8f2..e4bcd12 100644
--- a/src/components/__tests__/DisplayInfoForChallengeOrGoalTest.spec.ts
+++ b/src/components/__tests__/DisplayInfoForChallengeOrGoalTest.spec.ts
@@ -3,15 +3,15 @@ import { mount } from '@vue/test-utils'
import DisplayInfoForChallengeOrGoal from '@/components/DisplayInfoForChallengeOrGoal.vue'
interface Props {
- displayInfoCard: boolean;
- screenSize: number;
- challenge: any;
- goal: any;
- isChallenge: boolean;
+ displayInfoCard: boolean
+ screenSize: number
+ challenge: any
+ goal: any
+ isChallenge: boolean
}
describe('InfoCardComponent', () => {
- let wrapper: any;
+ let wrapper: any
const mockChallenge = {
description: 'Complete daily tasks',
title: 'Daily Challenge',
@@ -20,7 +20,7 @@ describe('InfoCardComponent', () => {
due: '2024-01-01T00:00:00Z',
perPurchase: 10,
target: 500
- };
+ }
beforeEach(() => {
wrapper = mount(DisplayInfoForChallengeOrGoal, {
@@ -33,14 +33,14 @@ describe('InfoCardComponent', () => {
})
it('toggles displayInfoCard when the button is clicked', async () => {
- expect(wrapper.vm.displayInfoCard).toBe(false);
- await wrapper.find('button').trigger('click');
- expect(wrapper.vm.displayInfoCard).toBe(true);
- await wrapper.find('button').trigger('click');
- expect(wrapper.vm.displayInfoCard).toBe(false);
+ expect(wrapper.vm.displayInfoCard).toBe(false)
+ await wrapper.find('button').trigger('click')
+ expect(wrapper.vm.displayInfoCard).toBe(true)
+ await wrapper.find('button').trigger('click')
+ expect(wrapper.vm.displayInfoCard).toBe(false)
})
it('does not render the info card when displayInfoCard is false', () => {
- expect(wrapper.find('.w-[40vh]').exists()).toBe(false);
+ expect(wrapper.find('.w-[40vh]').exists()).toBe(false)
})
})
diff --git a/src/components/__tests__/HelpComponentTest.spec.ts b/src/components/__tests__/HelpComponentTest.spec.ts
index 864f0c5..deac43e 100644
--- a/src/components/__tests__/HelpComponentTest.spec.ts
+++ b/src/components/__tests__/HelpComponentTest.spec.ts
@@ -10,7 +10,7 @@ describe('HelpComponent', () => {
beforeEach(() => {
wrapper = mount(HelpComponent, {
props: {
- speech: ['Sample Speech'], // Pass as an array
+ speech: ['Sample Speech'] // Pass as an array
}
})
})
@@ -20,41 +20,41 @@ describe('HelpComponent', () => {
})
it('should open the modal when the image is clicked', async () => {
- await wrapper.find('.fixed').trigger('click');
- expect(wrapper.vm.isModalOpen).toBe(true);
+ await wrapper.find('.fixed').trigger('click')
+ expect(wrapper.vm.isModalOpen).toBe(true)
})
it('should close the modal when the skip link is clicked', async () => {
- wrapper.vm.isModalOpen = true;
- await wrapper.vm.$nextTick();
+ wrapper.vm.isModalOpen = true
+ await wrapper.vm.$nextTick()
if (wrapper.find('a').exists()) {
- await wrapper.find('a').trigger('click');
- await wrapper.vm.$nextTick();
- expect(wrapper.vm.isModalOpen).toBe(false);
+ await wrapper.find('a').trigger('click')
+ await wrapper.vm.$nextTick()
+ expect(wrapper.vm.isModalOpen).toBe(false)
} else {
- throw new Error('Skip link is not rendered');
+ throw new Error('Skip link is not rendered')
}
- });
+ })
it('modal should render the correct speech text to the InteractiveSpare component when modal is open', async () => {
- wrapper.vm.isModalOpen = true;
- await wrapper.vm.$nextTick();
+ wrapper.vm.isModalOpen = true
+ await wrapper.vm.$nextTick()
- const interactiveSpare = wrapper.findComponent(InteractiveSpare);
+ const interactiveSpare = wrapper.findComponent(InteractiveSpare)
if (interactiveSpare.exists()) {
- expect(interactiveSpare.props('speech')).toEqual(['Sample Speech']); // Pass as an array
+ expect(interactiveSpare.props('speech')).toEqual(['Sample Speech']) // Pass as an array
} else {
- throw new Error('InteractiveSpare component is not rendered');
+ throw new Error('InteractiveSpare component is not rendered')
}
})
it('should close the modal when close event is emitted by the ModalComponent', async () => {
- wrapper.vm.isModalOpen = true;
- await wrapper.vm.$nextTick();
+ wrapper.vm.isModalOpen = true
+ await wrapper.vm.$nextTick()
- wrapper.findComponent(ModalComponent).vm.$emit('close');
- await wrapper.vm.$nextTick();
- expect(wrapper.vm.isModalOpen).toBe(false);
+ wrapper.findComponent(ModalComponent).vm.$emit('close')
+ await wrapper.vm.$nextTick()
+ expect(wrapper.vm.isModalOpen).toBe(false)
})
})
diff --git a/src/components/__tests__/ModalEditAvatarTest.spec.ts b/src/components/__tests__/ModalEditAvatarTest.spec.ts
index de00dc3..2185429 100644
--- a/src/components/__tests__/ModalEditAvatarTest.spec.ts
+++ b/src/components/__tests__/ModalEditAvatarTest.spec.ts
@@ -9,13 +9,13 @@ const app = createApp({
setup() {
app.use(pinia)
},
- render: () => null,
+ render: () => null
})
const wrapper = mount(ModalEditAvatar, {
global: {
- plugins: [pinia],
- },
+ plugins: [pinia]
+ }
})
describe('ModalEditAvatar', () => {
diff --git a/src/stores/userConfigStore.ts b/src/stores/userConfigStore.ts
index 797e833..204c5ec 100644
--- a/src/stores/userConfigStore.ts
+++ b/src/stores/userConfigStore.ts
@@ -6,7 +6,6 @@ import type { ChallengeConfig } from '@/types/challengeConfig'
import router from '@/router'
export const useUserConfigStore = defineStore('userConfig', () => {
-
// Reactive state to hold the challenge configuration
const challengeConfig = ref<ChallengeConfig>({
experience: '',
diff --git a/src/stores/userStore.ts b/src/stores/userStore.ts
index 492ea6d..f68c240 100644
--- a/src/stores/userStore.ts
+++ b/src/stores/userStore.ts
@@ -11,7 +11,6 @@ import { base64urlToUint8array, initialCheckStatus, uint8arrayToBase64url } from
import type { CredentialCreationOptions } from '@/types/CredentialCreationOptions'
export const useUserStore = defineStore('user', () => {
-
// Reactive state to hold the user information
const user = ref<User>({
firstName: '',
@@ -40,7 +39,6 @@ export const useUserStore = defineStore('user', () => {
password: password
})
.then((response) => {
-
// Save access token in session storage
sessionStorage.setItem('accessToken', response.data.accessToken)
--
GitLab