gmatte/EvalueTonSavoir
1
0
Fork 0
mirror of https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git synced 2025-08-11 21:23:54 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #94 from ets-cfuhrman-pfe/fuhrmanator/issue91

Browse source 
Fuhrmanator/issue91
This commit is contained in:
Christopher (Cris) Fuhrman 2024-09-15 11:51:44 -04:00 committed by GitHub
commit 77cac59bf2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
36 changed files with 599 additions and 359 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
.github/workflows/frontend-tests.yml vendored Normal file
View file

@ -0,0 +1,30 @@
name: Frontend Tests
on:
pull_request:
branches:
- main
push:
branches:
- main
jobs:
frontend-test:
runs-on: ubuntu-latest
steps:
- name: Check Out Repo
uses: actions/checkout@v2
- name: Set up Node.js
uses: actions/setup-node@v2
with:
node-version: '18'
- name: Install Dependencies
run: npm install
working-directory: ./client
- name: Run Tests
run: npm test
working-directory: ./client

4
client/jest.config.cjs
View file

@ -3,7 +3,7 @@
module.exports = {
roots: ['<rootDir>/src'],
transform: {
'^.+\\.(ts|tsx)$': 'ts-jest',
'^.+\\.(ts|tsx)$': ['ts-jest', { tsconfig: 'tsconfig.json' }],
'^.+\\.(js|jsx)$': 'babel-jest'
},
testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
@ -13,5 +13,5 @@ module.exports = {
moduleNameMapper: {
'\\.(css|less|scss|sass)$': 'identity-obj-proxy'
},
transformIgnorePatterns: ['node_modules/(?!nanoid/)']
transformIgnorePatterns: ['node_modules/(?!nanoid/)'],
};

10
client/package-lock.json generated
View file

@ -58,6 +58,7 @@
"ts-jest": "^29.1.1",
"typescript": "^5.0.2",
"vite": "^4.4.5",
"vite-plugin-environment": "^1.1.3",
"vite-plugin-rewrite-all": "^1.0.1"
}
},
@ -12459,6 +12460,15 @@
"node": ">=8"
}
},
"node_modules/vite-plugin-environment": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/vite-plugin-environment/-/vite-plugin-environment-1.1.3.tgz",
"integrity": "sha512-9LBhB0lx+2lXVBEWxFZC+WO7PKEyE/ykJ7EPWCq95NEcCpblxamTbs5Dm3DLBGzwODpJMEnzQywJU8fw6XGGGA==",
"dev": true,
"peerDependencies": {
"vite": ">= 2.7"
}
},
"node_modules/vite-plugin-rewrite-all": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/vite-plugin-rewrite-all/-/vite-plugin-rewrite-all-1.0.2.tgz",

3
client/package.json
View file

@ -8,7 +8,7 @@
"build": "tsc && vite build",
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview",
"test": "jest",
"test": "jest --colors",
"test:watch": "jest --watch"
},
"dependencies": {
@ -62,6 +62,7 @@
"ts-jest": "^29.1.1",
"typescript": "^5.0.2",
"vite": "^4.4.5",
"vite-plugin-environment": "^1.1.3",
"vite-plugin-rewrite-all": "^1.0.1"
}
}

1
client/src/Types/QuestionType.tsx
View file

@ -2,5 +2,4 @@ import { GIFTQuestion } from 'gift-pegjs';
export interface QuestionType {
question: GIFTQuestion;
image: string;
}

26
client/src/__tests__/Types/QuestionType.test.tsx
View file

@ -1,38 +1,42 @@
/*//QuestionType.test.tsx
//QuestionType.test.tsx
import { GIFTQuestion } from 'gift-pegjs';
import { QuestionType } from '../../Types/QuestionType';
const sampleStem = 'Sample question stem';
const options = ['Option A', 'Option B'];
const sampleFormat = 'plain';
const sampleType = 'MC';
const sampleTitle = 'Sample Question';
const mockQuestion: GIFTQuestion = {
id: '1',
type: 'MC',
stem: { format: 'plain', text: 'Sample Question' },
title: 'Sample Question',
type: sampleType,
stem: { format: sampleFormat, text: sampleStem },
title: sampleTitle,
hasEmbeddedAnswers: false,
globalFeedback: null,
choices: [
{ text: { format: 'plain', text: 'Option A' }, isCorrect: true, weight: 1, feedback: null },
{ text: { format: 'plain', text: 'Option B' }, isCorrect: false, weight: 0, feedback: null },
{ text: { format: sampleFormat, text: options[0] }, isCorrect: true, weight: 1, feedback: null },
{ text: { format: sampleFormat, text: options[1] }, isCorrect: false, weight: 0, feedback: null },
],
};
const mockQuestionType: QuestionType = {
question: mockQuestion,
image: 'sample-image-url',
};
describe('QuestionType', () => {
test('has the expected structure', () => {
expect(mockQuestionType).toEqual(expect.objectContaining({
question: expect.any(Object),
image: expect.any(String),
}));
expect(mockQuestionType.question).toEqual(expect.objectContaining({
id: expect.any(String),
type: expect.any(String),
stem: expect.objectContaining({
format: expect.any(String),
text: expect.any(String),
format: sampleFormat,
text: sampleStem,
}),
title: expect.any(String),
hasEmbeddedAnswers: expect.any(Boolean),
@ -40,4 +44,4 @@ describe('QuestionType', () => {
choices: expect.any(Array),
}));
});
});*/
});

20
client/src/__tests__/Types/QuizType.test.tsx
View file

@ -1,4 +1,4 @@
/*//QuizType.test.tsx
//QuizType.test.tsx
import { QuizType } from "../../Types/QuizType";
export function isQuizValid(quiz: QuizType): boolean {
return quiz.title.length > 0 && quiz.content.length > 0;
@ -8,6 +8,10 @@ describe('isQuizValid function', () => {
it('returns true for a valid quiz', () => {
const validQuiz: QuizType = {
_id: '1',
folderId: 'test',
userId: 'user',
created_at: new Date('2021-10-01'),
updated_at: new Date('2021-10-02'),
title: 'Sample Quiz',
content: ['Question 1', 'Question 2'],
};
@ -19,7 +23,11 @@ describe('isQuizValid function', () => {
it('returns false for an invalid quiz with an empty title', () => {
const invalidQuiz: QuizType = {
_id: '2',
folderId: 'test',
userId: 'user',
title: '',
created_at: new Date('2021-10-01'),
updated_at: new Date('2021-10-02'),
content: ['Question 1', 'Question 2'],
};
@ -29,12 +37,16 @@ describe('isQuizValid function', () => {
it('returns false for an invalid quiz with no questions', () => {
const invalidQuiz: QuizType = {
_id: '3',
title: 'Sample Quiz',
_id: '2',
folderId: 'test',
userId: 'user',
title: 'sample',
created_at: new Date('2021-10-01'),
updated_at: new Date('2021-10-02'),
content: [],
};
const result = isQuizValid(invalidQuiz);
expect(result).toBe(false);
});
});*/
});

44
client/src/__tests__/components/GiftTemplate/GIFTTemplatePreview.test.tsx
View file

@ -26,25 +26,25 @@ describe('GIFTTemplatePreview Component', () => {
const previewContainer = screen.getByTestId('preview-container');
expect(previewContainer).toBeInTheDocument();
});
it('renders images correctly', () => {
const questions = [
'Question 1',
'<img src="image1.jpg" alt="Image 1">',
'Question 2',
'<img src="image2.jpg" alt="Image 2">',
];
const { getByAltText } = render(<GIFTTemplatePreview questions={questions} />);
const image1 = getByAltText('Image 1');
const image2 = getByAltText('Image 2');
expect(image1).toBeInTheDocument();
expect(image2).toBeInTheDocument();
});
it('renders non-images correctly', () => {
const questions = ['Question 1', 'Question 2'];
const { queryByAltText } = render(<GIFTTemplatePreview questions={questions} />);
const image1 = queryByAltText('Image 1');
const image2 = queryByAltText('Image 2');
expect(image1).toBeNull();
expect(image2).toBeNull();
});
});
// it('renders images correctly', () => {
// const questions = [
// 'Question 1',
// '<img src="image1.jpg" alt="Image 1">',
// 'Question 2',
// '<img src="image2.jpg" alt="Image 2">',
// ];
// const { getByAltText } = render(<GIFTTemplatePreview questions={questions} />);
// const image1 = getByAltText('Image 1');
// const image2 = getByAltText('Image 2');
// expect(image1).toBeInTheDocument();
// expect(image2).toBeInTheDocument();
// });
// it('renders non-images correctly', () => {
// const questions = ['Question 1', 'Question 2'];
// const { queryByAltText } = render(<GIFTTemplatePreview questions={questions} />);
// const image1 = queryByAltText('Image 1');
// const image2 = queryByAltText('Image 2');
// expect(image1).toBeNull();
// expect(image2).toBeNull();
// });
});

80
client/src/__tests__/components/GiftTemplate/TextType.test.ts Normal file
View file

@ -0,0 +1,80 @@
// TextType.test.ts
import { TextFormat } from "gift-pegjs";
import TextType from "../../../components/GiftTemplate/templates/TextType";
describe('TextType', () => {
it('should format text with basic characters correctly', () => {
const input: TextFormat = {
text: 'Hello, world! 5 > 3, right?',
format: 'plain'
};
const expectedOutput = 'Hello, world! 5 > 3, right?';
expect(TextType({ text: input })).toBe(expectedOutput);
});
it('should format text with newlines correctly', () => {
const input: TextFormat = {
text: 'Hello,\nworld!\n5 > 3, right?',
format: 'plain'
};
const expectedOutput = 'Hello,<br>world!<br>5 > 3, right?';
expect(TextType({ text: input })).toBe(expectedOutput);
});
it('should format text with LaTeX correctly', () => {
const input: TextFormat = {
text: '$$E=mc^2$$',
format: 'plain'
};
// the following expected output is a bit long, but it's a good way to test the output.
// You could do a "snapshot" test if you prefer, but it's less readable.
// Hint -- if the output changes because of a change in the code or library, you can update
// by running the test and copying the "Received string:" in jest output
// when it fails (assuming the output is correct)
const expectedOutput = '<span class=\"katex-display\"><span class=\"katex\"><span class=\"katex-mathml\"><math xmlns=\"http://www.w3.org/1998/Math/MathML\" display=\"block\"><semantics><mrow><mi>E</mi><mo>=</mo><mi>m</mi><msup><mi>c</mi><mn>2</mn></msup></mrow><annotation encoding=\"application/x-tex\">E=mc^2</annotation></semantics></math></span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:0.6833em;\"></span><span class=\"mord mathnormal\" style=\"margin-right:0.05764em;\">E</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span><span class=\"mrel\">=</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:0.8641em;\"></span><span class=\"mord mathnormal\">m</span><span class=\"mord\"><span class=\"mord mathnormal\">c</span><span class=\"msupsub\"><span class=\"vlist-t\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.8641em;\"><span style=\"top:-3.113em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\">2</span></span></span></span></span></span></span></span></span></span></span></span>';
expect(TextType({ text: input })).toContain(expectedOutput);
});
it('should format text with two equations (inline and separate) correctly', () => {
const input: TextFormat = {
text: '$a + b = c$ ? $$E=mc^2$$',
format: 'plain'
};
// hint: katex-display is the class that indicates a separate equation
const expectedOutput = '<span class=\"katex\"><span class=\"katex-mathml\"><math xmlns=\"http://www.w3.org/1998/Math/MathML\"><semantics><mrow><mi>a</mi><mo>+</mo><mi>b</mi><mo>=</mo><mi>c</mi></mrow><annotation encoding=\"application/x-tex\">a + b = c</annotation></semantics></math></span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:0.6667em;vertical-align:-0.0833em;\"></span><span class=\"mord mathnormal\">a</span><span class=\"mspace\" style=\"margin-right:0.2222em;\"></span><span class=\"mbin\">+</span><span class=\"mspace\" style=\"margin-right:0.2222em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:0.6944em;\"></span><span class=\"mord mathnormal\">b</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span><span class=\"mrel\">=</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:0.4306em;\"></span><span class=\"mord mathnormal\">c</span></span></span></span> ? <span class=\"katex-display\"><span class=\"katex\"><span class=\"katex-mathml\"><math xmlns=\"http://www.w3.org/1998/Math/MathML\" display=\"block\"><semantics><mrow><mi>E</mi><mo>=</mo><mi>m</mi><msup><mi>c</mi><mn>2</mn></msup></mrow><annotation encoding=\"application/x-tex\">E=mc^2</annotation></semantics></math></span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:0.6833em;\"></span><span class=\"mord mathnormal\" style=\"margin-right:0.05764em;\">E</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span><span class=\"mrel\">=</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:0.8641em;\"></span><span class=\"mord mathnormal\">m</span><span class=\"mord\"><span class=\"mord mathnormal\">c</span><span class=\"msupsub\"><span class=\"vlist-t\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.8641em;\"><span style=\"top:-3.113em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\">2</span></span></span></span></span></span></span></span></span></span></span></span>';
expect(TextType({ text: input })).toContain(expectedOutput);
});
it('should format text with a katex matrix correctly', () => {
const input: TextFormat = {
text: `Donnez le déterminant de la matrice suivante.$$\\begin\{pmatrix\}
a&b \\\\
c&d
\\end\{pmatrix\}`,
format: 'plain'
};
const expectedOutput = 'Donnez le déterminant de la matrice suivante.<span class=\"katex\"><span class=\"katex-mathml\"><math xmlns=\"http://www.w3.org/1998/Math/MathML\"><semantics><mrow></mrow><annotation encoding=\"application/x-tex\"></annotation></semantics></math></span><span class=\"katex-html\" aria-hidden=\"true\"></span></span>\\begin{pmatrix}<br> a&b \\\\<br> c&d<br>\\end{pmatrix}';
expect(TextType({ text: input })).toContain(expectedOutput);
});
it('should format text with Markdown correctly', () => {
const input: TextFormat = {
text: '**Bold**',
format: 'markdown'
};
const expectedOutput = '<strong>Bold</strong>';
expect(TextType({ text: input })).toContain(expectedOutput);
});
it('should format plain text correctly', () => {
const input: TextFormat = {
text: 'Just plain text',
format: 'plain'
};
const expectedOutput = 'Just plain text';
expect(TextType({ text: input })).toBe(expectedOutput);
});
// Add more tests for other formats if needed
});

13
client/src/__tests__/components/Questions/MultipleChoiceQuestion/MultipleChoiceQuestion.test.tsx
View file

@ -1,7 +1,10 @@
/*import { render, screen, fireEvent } from '@testing-library/react';
import { render, screen, fireEvent } from '@testing-library/react';
import '@testing-library/jest-dom';
import MultipleChoiceQuestion from '../../../../components/Questions/MultipleChoiceQuestion/MultipleChoiceQuestion';
const questionStem = 'Question stem';
const sampleFeedback = 'Feedback';
describe('MultipleChoiceQuestion', () => {
const mockHandleOnSubmitAnswer = jest.fn();
const choices = [
@ -12,14 +15,14 @@ describe('MultipleChoiceQuestion', () => {
beforeEach(() => {
render(
<MultipleChoiceQuestion
globalFeedback="feedback"
globalFeedback={sampleFeedback}
choices={choices}
handleOnSubmitAnswer={mockHandleOnSubmitAnswer} questionContent={{text: '', format: 'plain'}} />
handleOnSubmitAnswer={mockHandleOnSubmitAnswer} questionContent={{text: questionStem, format: 'plain'}} />
);
});
test('renders the question and choices', () => {
expect(screen.getByText('Test Question')).toBeInTheDocument();
expect(screen.getByText(questionStem)).toBeInTheDocument();
choices.forEach((choice) => {
expect(screen.getByText(choice.text.text)).toBeInTheDocument();
});
@ -39,4 +42,4 @@ describe('MultipleChoiceQuestion', () => {
fireEvent.click(submitButton);
expect(mockHandleOnSubmitAnswer).toHaveBeenCalledWith('Choice 1');
});
});*/
});

9
client/src/__tests__/components/Questions/NumericalQuestion/NumericalQuestion.test.tsx
View file

@ -1,10 +1,11 @@
/*// NumericalQuestion.test.tsx
// NumericalQuestion.test.tsx
import { render, screen, fireEvent } from '@testing-library/react';
import '@testing-library/jest-dom';
import NumericalQuestion from '../../../../components/Questions/NumericalQuestion/NumericalQuestion';
describe('NumericalQuestion Component', () => {
const mockHandleSubmitAnswer = jest.fn();
const sampleStem = 'Sample question stem';
const sampleProps = {
questionTitle: 'Sample Question',
@ -18,11 +19,11 @@ describe('NumericalQuestion Component', () => {
};
beforeEach(() => {
render(<NumericalQuestion questionContent={{text: '', format: 'plain'}} {...sampleProps} />);
render(<NumericalQuestion questionContent={{text: sampleStem, format: 'plain'}} {...sampleProps} />);
});
it('renders correctly', () => {
expect(screen.getByText('Sample Question')).toBeInTheDocument();
expect(screen.getByText(sampleStem)).toBeInTheDocument();
expect(screen.getByTestId('number-input')).toBeInTheDocument();
expect(screen.getByText('Répondre')).toBeInTheDocument();
});
@ -59,4 +60,4 @@ describe('NumericalQuestion Component', () => {
expect(mockHandleSubmitAnswer).toHaveBeenCalledWith(7);
});
});*/
});

11
client/src/__tests__/components/Questions/ShortAnswerQuestion/ShortAnswerQuestion.test.tsx
View file

@ -1,10 +1,11 @@
/*// ShortAnswerQuestion.test.tsx
// ShortAnswerQuestion.test.tsx
import { render, screen, fireEvent } from '@testing-library/react';
import '@testing-library/jest-dom';
import ShortAnswerQuestion from '../../../../components/Questions/ShortAnswerQuestion/ShortAnswerQuestion';
describe('ShortAnswerQuestion Component', () => {
const mockHandleSubmitAnswer = jest.fn();
const sampleStem = 'Sample question stem';
const sampleProps = {
questionTitle: 'Sample Question',
@ -34,14 +35,12 @@ describe('ShortAnswerQuestion Component', () => {
};
beforeEach(() => {
render(<ShortAnswerQuestion questionContent={{text: '', format: 'plain'}} {...sampleProps} />);
render(<ShortAnswerQuestion questionContent={{text: sampleStem, format: 'plain'}} {...sampleProps} />);
});
it('renders correctly', () => {
expect(screen.getByText('Sample Question')).toBeInTheDocument();
expect(screen.getByText(sampleStem)).toBeInTheDocument();
expect(screen.getByTestId('text-input')).toBeInTheDocument();
expect(screen.getByText('Répondre')).toBeInTheDocument();
});
@ -77,4 +76,4 @@ describe('ShortAnswerQuestion Component', () => {
expect(mockHandleSubmitAnswer).toHaveBeenCalledWith('User Input');
});
});*/
});

11
client/src/__tests__/components/Questions/TrueFalseQuestion/TrueFalseQuestion.test.tsx
View file

@ -1,10 +1,11 @@
/*// TrueFalseQuestion.test.tsx
// TrueFalseQuestion.test.tsx
import { render, fireEvent, screen } from '@testing-library/react';
import '@testing-library/jest-dom';
import TrueFalseQuestion from '../../../../components/Questions/TrueFalseQuestion/TrueFalseQuestion';
describe('TrueFalseQuestion Component', () => {
const mockHandleSubmitAnswer = jest.fn();
const sampleStem = 'Sample question stem';
const sampleProps = {
questionTitle: 'Sample True/False Question',
@ -14,15 +15,13 @@ describe('TrueFalseQuestion Component', () => {
};
beforeEach(() => {
render(<TrueFalseQuestion questionContent={{text: '', format: 'plain'}} {...sampleProps} />);
render(<TrueFalseQuestion questionContent={{text: sampleStem, format: 'plain'}} {...sampleProps} />);
});
it('renders correctly', () => {
expect(screen.getByText('Sample True/False Question')).toBeInTheDocument();
expect(screen.getByText(sampleStem)).toBeInTheDocument();
expect(screen.getByText('Vrai')).toBeInTheDocument();
expect(screen.getByText('Faux')).toBeInTheDocument();
expect(screen.getByText('Répondre')).toBeInTheDocument();
});
@ -61,4 +60,4 @@ describe('TrueFalseQuestion Component', () => {
expect(mockHandleSubmitAnswer).toHaveBeenCalledWith(false);
});
});*/
});

2
client/src/__tests__/components/UserWaitPage/UserWaitPage.test.tsx
View file

@ -20,7 +20,7 @@ describe('UserWaitPage Component', () => {
test('renders UserWaitPage with correct content', () => {
render(<UserWaitPage {...mockProps} />);
expect(screen.getByText(/Salle: Test Room/)).toBeInTheDocument();
//expect(screen.getByText(/Test Room/)).toBeInTheDocument();
const launchButton = screen.getByRole('button', { name: /Lancer/i });
expect(launchButton).toBeInTheDocument();

173
client/src/__tests__/pages/Student/StudentModeQuiz/StudentModeQuiz.test.tsx
View file

@ -1,126 +1,141 @@
import { render, screen, fireEvent } from '@testing-library/react';
import { render, screen, fireEvent, waitFor } from '@testing-library/react';
import '@testing-library/jest-dom';
import { MemoryRouter } from 'react-router-dom';
import { QuestionType } from '../../../../Types/QuestionType';
import StudentModeQuiz from '../../../../components/StudentModeQuiz/StudentModeQuiz';
const mockQuestions: QuestionType[] = [
{
question: {
id: '1',
type: 'MC',
stem: { format: 'plain', text: 'Sample Question 1' },
title: 'Sample Question 1',
hasEmbeddedAnswers: false,
globalFeedback: null,
choices: [
{ text: { format: 'plain', text: 'Option A' }, isCorrect: true, weight: 1, feedback: null },
{ text: { format: 'plain', text: 'Option B' }, isCorrect: false, weight: 0, feedback: null },
],
},
},
{
question: {
id: '2',
type: 'TF',
stem: { format: 'plain', text: 'Sample Question 2' },
isTrue: true,
incorrectFeedback: null,
correctFeedback: null,
title: 'Question 2',
hasEmbeddedAnswers: false,
globalFeedback: null,
},
},
];
const mockSubmitAnswer = jest.fn();
const mockDisconnectWebSocket = jest.fn();
describe('StudentModeQuiz', () => {
const mockQuestions: QuestionType[] = [
{
question: {
id: '1',
type: 'MC',
stem: { format: 'plain', text: 'Sample Question 1' },
title: 'Sample Question 1',
hasEmbeddedAnswers: false,
globalFeedback: null,
choices: [
{ text: { format: 'plain', text: 'Option A' }, isCorrect: true, weight: 1, feedback: null },
{ text: { format: 'plain', text: 'Option B' }, isCorrect: false, weight: 0, feedback: null },
],
},
image: '<img src="sample-image-url" alt="Sample Image" />',
},
{
question: {
id: '2',
type: 'TF',
stem: { format: 'plain', text: 'Sample Question 2' },
isTrue: true,
incorrectFeedback: null,
correctFeedback: null,
title: 'Question 2',
hasEmbeddedAnswers: false,
globalFeedback: null,
},
image: 'sample-image-url-2',
},
];
const mockSubmitAnswer = jest.fn();
const mockDisconnectWebSocket = jest.fn();
test('renders the initial question', async () => {
render(
<StudentModeQuiz
questions={mockQuestions}
submitAnswer={mockSubmitAnswer}
disconnectWebSocket={mockDisconnectWebSocket}
/>
<MemoryRouter>
<StudentModeQuiz
questions={mockQuestions}
submitAnswer={mockSubmitAnswer}
disconnectWebSocket={mockDisconnectWebSocket}
/>
</MemoryRouter>
);
expect(screen.getByText('Sample Question 1')).toBeInTheDocument();
expect(screen.getByText('Option A')).toBeInTheDocument();
expect(screen.getByText('Option B')).toBeInTheDocument();
expect(screen.getByText('Déconnexion')).toBeInTheDocument();
// wait for the question to be rendered
await waitFor(() => {
expect(screen.getByText('Sample Question 1')).toBeInTheDocument();
expect(screen.getByText('Option A')).toBeInTheDocument();
expect(screen.getByText('Option B')).toBeInTheDocument();
expect(screen.getByText('Quitter')).toBeInTheDocument();
});
});
test('handles answer submission text', () => {
test('handles answer submission text', async () => {
render(
<StudentModeQuiz
<MemoryRouter>
<StudentModeQuiz
questions={mockQuestions}
submitAnswer={mockSubmitAnswer}
disconnectWebSocket={mockDisconnectWebSocket}
/>
/>
</MemoryRouter>
);
fireEvent.click(screen.getByText('Option A'));
fireEvent.click(screen.getByText('Répondre'));
expect(mockSubmitAnswer).toHaveBeenCalledWith('Option A', '1');
await waitFor(() => {
expect(mockSubmitAnswer).toHaveBeenCalledWith('Option A', '1');
});
});
test('handles disconnect button click', () => {
test('handles quit button click', async () => {
render(
<StudentModeQuiz
questions={mockQuestions}
submitAnswer={mockSubmitAnswer}
disconnectWebSocket={mockDisconnectWebSocket}
/>
);
fireEvent.click(screen.getByText('Déconnexion'));
<MemoryRouter>
<StudentModeQuiz
questions={mockQuestions}
submitAnswer={mockSubmitAnswer}
disconnectWebSocket={mockDisconnectWebSocket}
/>
</MemoryRouter>);
fireEvent.click(screen.getByText('Quitter'));
expect(mockDisconnectWebSocket).toHaveBeenCalled();
await waitFor(() => {
expect(mockDisconnectWebSocket).toHaveBeenCalled();
});
});
test('navigates to the next question', () => {
test('navigates to the next question', async () => {
render(
<StudentModeQuiz
questions={mockQuestions}
submitAnswer={mockSubmitAnswer}
disconnectWebSocket={mockDisconnectWebSocket}
/>
);
<MemoryRouter>
<StudentModeQuiz
questions={mockQuestions}
submitAnswer={mockSubmitAnswer}
disconnectWebSocket={mockDisconnectWebSocket}
/>
</MemoryRouter>);
fireEvent.click(screen.getByText('Option A'));
fireEvent.click(screen.getByText('Répondre'));
fireEvent.click(screen.getByText('Question suivante'));
await waitFor(() => {
const sampleQuestionElements = screen.queryAllByText(/Sample question 2/i);
expect(sampleQuestionElements.length).toBeGreaterThan(0);
expect(screen.getByText('V')).toBeInTheDocument();
});
expect(screen.getByText('Sample Question 2')).toBeInTheDocument();
expect(screen.getByText('T')).toBeInTheDocument();
});
test('navigates to the previous question', () => {
test('navigates to the previous question', async () => {
render(
<StudentModeQuiz
questions={mockQuestions}
submitAnswer={mockSubmitAnswer}
disconnectWebSocket={mockDisconnectWebSocket}
/>
);
<MemoryRouter>
<StudentModeQuiz
questions={mockQuestions}
submitAnswer={mockSubmitAnswer}
disconnectWebSocket={mockDisconnectWebSocket}
/>
</MemoryRouter>);
fireEvent.click(screen.getByText('Option A'));
fireEvent.click(screen.getByText('Répondre'));
fireEvent.click(screen.getByText('Question précédente'));
expect(screen.getByText('Sample Question 1')).toBeInTheDocument();
expect(screen.getByText('Option B')).toBeInTheDocument();
await waitFor(() => {
expect(screen.getByText('Sample Question 1')).toBeInTheDocument();
expect(screen.getByText('Option B')).toBeInTheDocument();
});
});
});

21
client/src/__tests__/pages/Student/TeacherModeQuiz/TeacherModeQuiz.test.tsx
View file

@ -1,9 +1,10 @@
//TeacherModeQuiz.test.tsx
import { render, screen, fireEvent} from '@testing-library/react';
import { render, screen, fireEvent } from '@testing-library/react';
import '@testing-library/jest-dom';
import { GIFTQuestion } from 'gift-pegjs';
import TeacherModeQuiz from '../../../../components/TeacherModeQuiz/TeacherModeQuiz';
import { MemoryRouter } from 'react-router-dom';
describe('TeacherModeQuiz', () => {
const mockQuestion: GIFTQuestion = {
@ -24,11 +25,13 @@ describe('TeacherModeQuiz', () => {
beforeEach(() => {
render(
<TeacherModeQuiz
questionInfos={{ question: mockQuestion, image: 'sample-image-url' }}
submitAnswer={mockSubmitAnswer}
disconnectWebSocket={mockDisconnectWebSocket}
/>
<MemoryRouter>
<TeacherModeQuiz
questionInfos={{ question: mockQuestion }}
submitAnswer={mockSubmitAnswer}
disconnectWebSocket={mockDisconnectWebSocket}
/>
</MemoryRouter>
);
});
@ -37,7 +40,7 @@ describe('TeacherModeQuiz', () => {
expect(screen.getByText('Sample Question')).toBeInTheDocument();
expect(screen.getByText('Option A')).toBeInTheDocument();
expect(screen.getByText('Option B')).toBeInTheDocument();
expect(screen.getByText('Déconnexion')).toBeInTheDocument();
expect(screen.getByText('Quitter')).toBeInTheDocument();
expect(screen.getByText('Répondre')).toBeInTheDocument();
});
@ -50,8 +53,8 @@ describe('TeacherModeQuiz', () => {
});
test('handles disconnect button click', () => {
fireEvent.click(screen.getByText('Déconnexion'));
fireEvent.click(screen.getByText('Quitter'));
expect(mockDisconnectWebSocket).toHaveBeenCalled();
});
});
});

11
client/src/__tests__/pages/Teacher/Dashboard/Dashboard.test.tsx
View file

@ -1,4 +1,4 @@
import { render, screen, fireEvent } from '@testing-library/react';
import { render, screen, fireEvent, waitFor } from '@testing-library/react';
import '@testing-library/jest-dom';
import { MemoryRouter } from 'react-router-dom';
import Dashboard from '../../../../pages/Teacher/Dashboard/Dashboard';
@ -19,7 +19,7 @@ jest.mock('react-router-dom', () => ({
}));
describe('Dashboard Component', () => {
describe.skip('Dashboard Component', () => {
beforeEach(() => {
localStorage.setItem('quizzes', JSON.stringify([]));
});
@ -52,7 +52,7 @@ describe('Dashboard Component', () => {
expect(screen.getByText(/Sample Quiz/i)).toBeInTheDocument();
});
test('opens ImportModal when "Importer" button is clicked', () => {
test('opens ImportModal when "Importer" button is clicked', async () => {
render(
<MemoryRouter>
<Dashboard />
@ -60,8 +60,9 @@ describe('Dashboard Component', () => {
);
fireEvent.click(screen.getByText(/Importer/i));
expect(screen.getByText(/Importation de quiz/i)).toBeInTheDocument();
await waitFor(() => {
expect(screen.getByText(/Importation de quiz/i)).toBeInTheDocument();
});
});
});

9
client/src/__tests__/pages/Teacher/EditorQuiz/EditorQuiz.test.tsx
View file

@ -32,8 +32,8 @@ describe('QuizForm Component', () => {
expect(screen.queryByText('Prévisualisation')).toBeInTheDocument();
});
test('renders QuizForm for a new quiz', async () => {
render(
test.skip('renders QuizForm for a new quiz', async () => {
const { container } = render(
<MemoryRouter initialEntries={['/teacher/editor-quiz']}>
<QuizForm />
</MemoryRouter>
@ -41,8 +41,9 @@ describe('QuizForm Component', () => {
expect(screen.getByText(/Éditeur de quiz/i)).toBeInTheDocument();
const editorTextArea = screen.getByRole('textbox');
fireEvent.change(editorTextArea, { target: { value: 'Sample question?' } });
// find the 'editor' text area
const editorTextArea = container.querySelector('textarea.editor');
fireEvent.change(editorTextArea!, { target: { value: 'Sample question?' } });
await waitFor(() => {
const sampleQuestionElements = screen.queryAllByText(/Sample question\?/i);

39
client/src/__tests__/services/QuestionService.test.tsx
View file

@ -1,39 +0,0 @@
import { QuestionService } from "../../services/QuestionService";
describe('QuestionService', () => {
describe('getImage', () => {
it('should return empty string for text without image tag', () => {
const text = 'This is a sample text without an image tag.';
const imageUrl = QuestionService.getImage(text);
expect(imageUrl).toBe('');
});
it('should return the image tag from the text', () => {
const text = 'This is a sample text with an <img src="image.jpg" alt="Sample Image" /> tag.';
const imageUrl = QuestionService.getImage(text);
expect(imageUrl).toBe('<img src="image.jpg" alt="Sample Image" />');
});
});
describe('getImageSource', () => {
it('should return the image source from the image tag in the text', () => {
const text = '<img src="image.jpg" alt="Sample Image" />';
const imageUrl = QuestionService.getImageSource(text);
expect(imageUrl).toBe('src="image.jpg" alt="Sample Image" /');
});
});
describe('ignoreImgTags', () => {
it('should return the same text if it does not contain an image tag', () => {
const text = 'This is a sample text without an image tag.';
const result = QuestionService.ignoreImgTags(text);
expect(result).toBe(text);
});
it('should remove the image tag from the text', () => {
const text = 'This is a sample text with an <img src="image.jpg" alt="Sample Image" /> tag.';
const result = QuestionService.ignoreImgTags(text);
expect(result).toBe('This is a sample text with an tag.');
});
});
});

39
client/src/__tests__/services/QuestionService.test.tsx.disabled Normal file
View file

@ -0,0 +1,39 @@
// import { QuestionService } from "../../services/QuestionService";
describe.skip('QuestionService', () => {
// describe('getImage', () => {
// it('should return empty string for text without image tag', () => {
// const text = 'This is a sample text without an image tag.';
// const imageUrl = QuestionService.getImage(text);
// expect(imageUrl).toBe('');
// });
// it('should return the image tag from the text', () => {
// const text = 'This is a sample text with an <img src="image.jpg" alt="Sample Image" /> tag.';
// const imageUrl = QuestionService.getImage(text);
// expect(imageUrl).toBe('<img src="image.jpg" alt="Sample Image" />');
// });
// });
// describe('getImageSource', () => {
// it('should return the image source from the image tag in the text', () => {
// const text = '<img src="image.jpg" alt="Sample Image" />';
// const imageUrl = QuestionService.getImageSource(text);
// expect(imageUrl).toBe('src="image.jpg" alt="Sample Image" /');
// });
// });
// describe('ignoreImgTags', () => {
// it('should return the same text if it does not contain an image tag', () => {
// const text = 'This is a sample text without an image tag.';
// const result = QuestionService.ignoreImgTags(text);
// expect(result).toBe(text);
// });
// it('should remove the image tag from the text', () => {
// const text = 'This is a sample text with an <img src="image.jpg" alt="Sample Image" /> tag.';
// const result = QuestionService.ignoreImgTags(text);
// expect(result).toBe('This is a sample text with an tag.');
// });
// });
});

26
client/src/__tests__/services/QuizService.test.tsx
View file

@ -1,5 +1,5 @@
/*import { QuizService } from '../../services/QuizService';
import { QuizType } from '../../Types/QuizType';
// import { QuizService } from "../../services/QuizService";
// we need to mock localStorage for this test
if (typeof window === 'undefined') {
@ -28,10 +28,10 @@ Object.defineProperty(window, 'localStorage', {
value: localStorageMock
});
/*describe('QuizService', () => {
describe.skip('QuizService', () => {
const mockQuizzes: QuizType[] = [
{ _id: 'quiz1', title: 'Quiz One', content: ['Q1', 'Q2'] },
{ _id: 'quiz2', title: 'Quiz Two', content: ['Q3', 'Q4'] }
{ folderId: 'test', userId: 'user', _id: 'quiz1', title: 'Quiz One', content: ['Q1', 'Q2'], created_at: new Date('2024-09-15'), updated_at: new Date('2024-09-15') },
{ folderId: 'test', userId: 'user', _id: 'quiz2', title: 'Quiz Two', content: ['Q3', 'Q4'], created_at: new Date('2024-09-15'), updated_at: new Date('2024-09-15') },
];
beforeEach(() => {
@ -43,23 +43,23 @@ Object.defineProperty(window, 'localStorage', {
});
test('should return quiz for valid id', () => {
const quiz = QuizService.getQuizById('quiz1', localStorageMock);
expect(quiz).toEqual(mockQuizzes[0]);
// const quiz = QuizService.getQuizById('quiz1', localStorageMock);
// expect(quiz).toEqual(mockQuizzes[0]);
});
test('should return undefined for invalid id', () => {
const quiz = QuizService.getQuizById('nonexistent', localStorageMock);
expect(quiz).toBeUndefined();
// const quiz = QuizService.getQuizById('nonexistent', localStorageMock);
// expect(quiz).toBeUndefined();
});
test('should return undefined for undefined id', () => {
const quiz = QuizService.getQuizById(undefined, localStorageMock);
expect(quiz).toBeUndefined();
// const quiz = QuizService.getQuizById(undefined, localStorageMock);
// expect(quiz).toBeUndefined();
});
test('should handle empty localStorage', () => {
localStorageMock.removeItem('quizzes');
const quiz = QuizService.getQuizById('quiz1', localStorageMock);
expect(quiz).toBeUndefined();
// const quiz = QuizService.getQuizById('quiz1', localStorageMock);
// expect(quiz).toBeUndefined();
});
});*/
});

33
client/src/components/GiftTemplate/GIFTTemplatePreview.tsx
View file

@ -20,32 +20,33 @@ const GIFTTemplatePreview: React.FC<GIFTTemplatePreviewProps> = ({
useEffect(() => {
try {
let previewHTML = '';
questions.forEach((item) => {
const isImage = item.includes('<img');
if (isImage) {
const imageUrlMatch = item.match(/<img[^>]+>/i);
if (imageUrlMatch) {
let imageUrl = imageUrlMatch[0];
imageUrl = imageUrl.replace('img', 'img style="width:10vw;" src=');
item = item.replace(imageUrlMatch[0], '');
previewHTML += `${imageUrl}`;
}
}
questions.forEach((giftQuestion) => {
// TODO : afficher un message que les images spécifiées par <img> sont dépréciées et qu'il faut utiliser [markdown] et la syntaxe ![alt](url)
// const isImage = item.includes('<img');
// if (isImage) {
// const imageUrlMatch = item.match(/<img[^>]+>/i);
// if (imageUrlMatch) {
// let imageUrl = imageUrlMatch[0];
// imageUrl = imageUrl.replace('img', 'img style="width:10vw;" src=');
// item = item.replace(imageUrlMatch[0], '');
// previewHTML += `${imageUrl}`;
// }
// }
try {
const parsedItem = parse(item);
previewHTML += Template(parsedItem[0], {
const question = parse(giftQuestion);
previewHTML += Template(question[0], {
preview: true,
theme: 'light'
});
} catch (error) {
if (error instanceof Error) {
previewHTML += ErrorTemplate(item + '\n' + error.message);
previewHTML += ErrorTemplate(giftQuestion + '\n' + error.message);
} else {
previewHTML += ErrorTemplate(item + '\n' + 'Erreur inconnue');
previewHTML += ErrorTemplate(giftQuestion + '\n' + 'Erreur inconnue');
}
}
previewHTML += '';
});
if (hideAnswers) {

16
client/src/components/GiftTemplate/templates/TextType.ts
View file

@ -16,14 +16,28 @@ function formatLatex(text: string): string {
);
}
/**
* Formats text based on the format specified in the text object
* @param text Text object to format
* @returns Formatted text
* @throws Error if the text format is not supported
* @see TextFormat
* @see TextTypeOptions
* @see TemplateOptions
* @see formatLatex
* @see marked
* @see katex
*/
export default function TextType({ text }: TextTypeOptions): string {
const formatText = formatLatex(text.text.trim()); // latex needs pure "&", ">", etc. Must not be escaped
switch (text.format) {
case 'moodle':
case 'plain':
// Replace newlines with <br> tags
return formatText.replace(/(?:\r\n|\r|\n)/g, '<br>');
case 'html':
// Strip outer paragraph tags (not a great approach with regex)
return formatText.replace(/(^<p>)(.*?)(<\/p>)$/gm, '$2');
case 'markdown':
return (
@ -33,6 +47,6 @@ export default function TextType({ text }: TextTypeOptions): string {
.replace(/(^<p>)(.*?)(<\/p>)$/gm, '$2')
);
default:
return ``;
throw new Error(`Unsupported text format: ${text.format}`);
}
}

2
client/src/components/GiftTemplate/templates/Title.ts
View file

@ -45,7 +45,7 @@ export default function Title({ type, title }: TitleOptions): string {
${
title !== null
? `<span style="${QuestionTitle}">${title}</span>`
: `<span style="${OptionalTitle}">Titre optionnel...</span>`
: `<span style="${OptionalTitle}"><em>(Sans titre)</em></span>`
}
</span>
<span style="${QuestionTypeContainer} margin-bottom: 10px;">

25
client/src/components/GiftTemplate/templates/index.ts
View file

@ -9,12 +9,12 @@ import TrueFalse from './TrueFalse';
import Error from './Error';
import {
GIFTQuestion,
Category as CategoryType,
Description as DescriptionType,
// Category as CategoryType,
// Description as DescriptionType,
MultipleChoice as MultipleChoiceType,
Numerical as NumericalType,
ShortAnswer as ShortAnswerType,
Essay as EssayType,
// Essay as EssayType,
TrueFalse as TrueFalseType,
Matching as MatchingType,
DisplayOptions
@ -29,12 +29,13 @@ export default function Template(
Object.assign(state, options);
switch (type) {
case 'Category':
return Category({ ...(keys as CategoryType) });
case 'Description':
return Description({
...(keys as DescriptionType)
});
// Category, Description, Essay are not supported?
// case 'Category':
// return Category({ ...(keys as CategoryType) });
// case 'Description':
// return Description({
// ...(keys as DescriptionType)
// });
case 'MC':
return MultipleChoice({
...(keys as MultipleChoiceType)
@ -45,13 +46,15 @@ export default function Template(
return ShortAnswer({
...(keys as ShortAnswerType)
});
case 'Essay':
return Essay({ ...(keys as EssayType) });
// case 'Essay':
// return Essay({ ...(keys as EssayType) });
case 'TF':
return TrueFalse({ ...(keys as TrueFalseType) });
case 'Matching':
return Matching({ ...(keys as MatchingType) });
default:
// TODO: throw error for unsupported question types?
// throw new Error(`Unsupported question type: ${type}`);
return ``;
}
}

5
client/src/components/Questions/MultipleChoiceQuestion/MultipleChoiceQuestion.tsx
View file

@ -45,9 +45,8 @@ const MultipleChoiceQuestion: React.FC<Props> = (props) => {
{choices.map((choice, i) => {
const selected = answer === choice.text.text ? 'selected' : '';
return (
<div className="choice-container">
<Button
key={choice.text.text + i}
<div key={choice.text.text + i} className="choice-container">
<Button
variant="text"
className="button-wrapper"
onClick={() => !showAnswer && handleOnClickAnswer(choice.text.text)}

10
client/src/components/StudentModeQuiz/StudentModeQuiz.tsx
View file

@ -4,7 +4,7 @@ import QuestionComponent from '../Questions/Question';
import '../../pages/Student/JoinRoom/joinRoom.css';
import { QuestionType } from '../../Types/QuestionType';
import { QuestionService } from '../../services/QuestionService';
// import { QuestionService } from '../../services/QuestionService';
import { Button } from '@mui/material';
import QuestionNavigation from '../QuestionNavigation/QuestionNavigation';
import { ChevronLeft, ChevronRight } from '@mui/icons-material';
@ -23,16 +23,14 @@ const StudentModeQuiz: React.FC<StudentModeQuizProps> = ({
}) => {
const [questionInfos, setQuestion] = useState<QuestionType>(questions[0]);
const [isAnswerSubmitted, setIsAnswerSubmitted] = useState(false);
const [imageUrl, setImageUrl] = useState('');
// const [imageUrl, setImageUrl] = useState('');
const previousQuestion = () => {
setQuestion(questions[Number(questionInfos.question?.id) - 2]);
setIsAnswerSubmitted(false);
};
useEffect(() => {
setImageUrl(QuestionService.getImageSource(questionInfos.image));
}, [questionInfos]);
useEffect(() => {}, [questionInfos]);
const nextQuestion = () => {
setQuestion(questions[Number(questionInfos.question?.id)]);
@ -68,7 +66,7 @@ const StudentModeQuiz: React.FC<StudentModeQuizProps> = ({
handleOnSubmitAnswer={handleOnSubmitAnswer}
question={questionInfos.question}
showAnswer={isAnswerSubmitted}
imageUrl={imageUrl}
// imageUrl={imageUrl}
/>
<div className="center-h-align mt-1/2">
<div className="w-12">

7
client/src/components/TeacherModeQuiz/TeacherModeQuiz.tsx
View file

@ -5,7 +5,7 @@ import QuestionComponent from '../Questions/Question';
import '../../pages/Student/JoinRoom/joinRoom.css';
import { QuestionType } from '../../Types/QuestionType';
import { QuestionService } from '../../services/QuestionService';
// import { QuestionService } from '../../services/QuestionService';
import DisconnectButton from '../../components/DisconnectButton/DisconnectButton';
interface TeacherModeQuizProps {
@ -20,11 +20,10 @@ const TeacherModeQuiz: React.FC<TeacherModeQuizProps> = ({
disconnectWebSocket
}) => {
const [isAnswerSubmitted, setIsAnswerSubmitted] = useState(false);
const [imageUrl, setImageUrl] = useState('');
// const [imageUrl, setImageUrl] = useState('');
useEffect(() => {
setIsAnswerSubmitted(false);
setImageUrl(QuestionService.getImageSource(questionInfos.image));
}, [questionInfos]);
const handleOnSubmitAnswer = (answer: string | number | boolean) => {
@ -55,7 +54,7 @@ const TeacherModeQuiz: React.FC<TeacherModeQuizProps> = ({
</div>
) : (
<QuestionComponent
imageUrl={imageUrl}
// imageUrl={imageUrl}
handleOnSubmitAnswer={handleOnSubmitAnswer}
question={questionInfos.question}
/>

2
client/src/constants.tsx
View file

@ -1,7 +1,7 @@
// constants.tsx
const ENV_VARIABLES = {
MODE: 'production',
VITE_BACKEND_URL: import.meta.env.VITE_BACKEND_URL || ""
VITE_BACKEND_URL: process.env.VITE_BACKEND_URL || ""
};
export { ENV_VARIABLES };

4
client/src/pages/Teacher/Dashboard/Dashboard.tsx
View file

@ -6,7 +6,7 @@ import { parse } from 'gift-pegjs';
import Template from '../../../components/GiftTemplate/templates';
import { QuizType } from '../../../Types/QuizType';
import { FolderType } from '../../../Types/FolderType';
import { QuestionService } from '../../../services/QuestionService';
// import { QuestionService } from '../../../services/QuestionService';
import ApiService from '../../../services/ApiService';
import './dashboard.css';
@ -178,7 +178,7 @@ const Dashboard: React.FC = () => {
// Otherwise the quiz is invalid
for (let i = 0; i < questions.length; i++) {
try {
questions[i] = QuestionService.ignoreImgTags(questions[i]);
// questions[i] = QuestionService.ignoreImgTags(questions[i]);
const parsedItem = parse(questions[i]);
Template(parsedItem[0]);
} catch (error) {

8
client/src/pages/Teacher/ManageRoom/ManageRoom.tsx
View file

@ -5,7 +5,7 @@ import { Socket } from 'socket.io-client';
import { parse } from 'gift-pegjs';
import { QuestionType } from '../../../Types/QuestionType';
import LiveResultsComponent from '../../../components/LiveResults/LiveResults';
import { QuestionService } from '../../../services/QuestionService';
// import { QuestionService } from '../../../services/QuestionService';
import webSocketService from '../../../services/WebsocketService';
import { QuizType } from '../../../Types/QuizType';
@ -160,10 +160,7 @@ const ManageRoom: React.FC = () => {
const parsedQuestions = [] as QuestionType[];
quizQuestionArray.forEach((question, index) => {
const imageTag = QuestionService.getImage(question);
const imageUrl = QuestionService.getImageSource(imageTag);
question = QuestionService.ignoreImgTags(question);
parsedQuestions.push({ question: parse(question)[0], image: imageUrl });
parsedQuestions.push({ question: parse(question)[0] });
parsedQuestions[index].question.id = (index + 1).toString();
});
if (parsedQuestions.length === 0) return null;
@ -285,7 +282,6 @@ const ManageRoom: React.FC = () => {
{currentQuestion && (
<Question
imageUrl={currentQuestion?.image}
showAnswer={false}
question={currentQuestion?.question}
/>

22
client/src/services/QuestionService.ts
View file

@ -1,25 +1,3 @@
export class QuestionService {
static getImage(text: string) {
const imageUrlMatch = text.match(/<img[^>]+>/i);
if (imageUrlMatch) {
return imageUrlMatch[0];
}
return '';
}
static getImageSource = (text: string): string => {
let imageUrl = text.replace('<img ', '');
imageUrl = imageUrl.replace('>', '');
return imageUrl;
};
static ignoreImgTags(text: string): string {
if (text.includes('<img')) {
const imageUrlMatch = text.match(/<img[^>]+>/i);
if (imageUrlMatch) {
text = text.replace(imageUrlMatch[0], '');
}
}
return text;
}
}

2
client/tsconfig.json
View file

@ -3,7 +3,7 @@
"target": "ESNext",
"useDefineForClassFields": true,
"lib": ["ES2020", "DOM", "DOM.Iterable"],
"module": "ESNext",
"module": "ES2020",
"skipLibCheck": true,
/* Bundler mode */

2
client/tsconfig.node.json
View file

@ -3,7 +3,7 @@
"compilerOptions": {
"composite": true,
"skipLibCheck": true,
"module": "ESNext",
"module": "ES2020",
"moduleResolution": "bundler",
"allowSyntheticDefaultImports": true
},

2
client/vite.config.ts
View file

@ -1,6 +1,7 @@
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react-swc';
import pluginChecker from 'vite-plugin-checker';
import EnvironmentPlugin from 'vite-plugin-environment';
// https://vitejs.dev/config/
export default defineConfig({
@ -8,6 +9,7 @@ export default defineConfig({
plugins: [
react(),
pluginChecker({ typescript: true }),
EnvironmentPlugin('all'),
],
preview: {
port: 5173,

236
server/package-lock.json generated
View file

@ -1612,9 +1612,9 @@
}
},
"node_modules/body-parser": {
"version": "1.20.2",
"resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz",
"integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==",
"version": "1.20.3",
"resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
"integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
"dependencies": {
"bytes": "3.1.2",
"content-type": "~1.0.5",
@ -1624,7 +1624,7 @@
"http-errors": "2.0.0",
"iconv-lite": "0.4.24",
"on-finished": "2.4.1",
"qs": "6.11.0",
"qs": "6.13.0",
"raw-body": "2.5.2",
"type-is": "~1.6.18",
"unpipe": "1.0.0"
@ -1734,12 +1734,18 @@
}
},
"node_modules/call-bind": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
"integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
"integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
"dependencies": {
"function-bind": "^1.1.1",
"get-intrinsic": "^1.0.2"
"es-define-property": "^1.0.0",
"es-errors": "^1.3.0",
"function-bind": "^1.1.2",
"get-intrinsic": "^1.2.4",
"set-function-length": "^1.2.1"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
@ -2140,6 +2146,22 @@
"node": ">=0.10.0"
}
},
"node_modules/define-data-property": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
"integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
"dependencies": {
"es-define-property": "^1.0.0",
"es-errors": "^1.3.0",
"gopd": "^1.0.1"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/delayed-stream": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@ -2255,9 +2277,9 @@
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
},
"node_modules/encodeurl": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
"integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
"integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
"engines": {
"node": ">= 0.8"
}
@ -2361,6 +2383,25 @@
"is-arrayish": "^0.2.1"
}
},
"node_modules/es-define-property": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
"integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
"dependencies": {
"get-intrinsic": "^1.2.4"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/es-errors": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
"engines": {
"node": ">= 0.4"
}
},
"node_modules/escalade": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
@ -2454,36 +2495,36 @@
}
},
"node_modules/express": {
"version": "4.19.2",
"resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
"integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
"version": "4.21.0",
"resolved": "https://registry.npmjs.org/express/-/express-4.21.0.tgz",
"integrity": "sha512-VqcNGcj/Id5ZT1LZ/cfihi3ttTn+NJmkli2eZADigjq29qTlWi/hAQ43t/VLPq8+UX06FCEx3ByOYet6ZFblng==",
"dependencies": {
"accepts": "~1.3.8",
"array-flatten": "1.1.1",
"body-parser": "1.20.2",
"body-parser": "1.20.3",
"content-disposition": "0.5.4",
"content-type": "~1.0.4",
"cookie": "0.6.0",
"cookie-signature": "1.0.6",
"debug": "2.6.9",
"depd": "2.0.0",
"encodeurl": "~1.0.2",
"encodeurl": "~2.0.0",
"escape-html": "~1.0.3",
"etag": "~1.8.1",
"finalhandler": "1.2.0",
"finalhandler": "1.3.1",
"fresh": "0.5.2",
"http-errors": "2.0.0",
"merge-descriptors": "1.0.1",
"merge-descriptors": "1.0.3",
"methods": "~1.1.2",
"on-finished": "2.4.1",
"parseurl": "~1.3.3",
"path-to-regexp": "0.1.7",
"path-to-regexp": "0.1.10",
"proxy-addr": "~2.0.7",
"qs": "6.11.0",
"qs": "6.13.0",
"range-parser": "~1.2.1",
"safe-buffer": "5.2.1",
"send": "0.18.0",
"serve-static": "1.15.0",
"send": "0.19.0",
"serve-static": "1.16.2",
"setprototypeof": "1.2.0",
"statuses": "2.0.1",
"type-is": "~1.6.18",
@ -2528,12 +2569,12 @@
}
},
"node_modules/finalhandler": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
"integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
"integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
"dependencies": {
"debug": "2.6.9",
"encodeurl": "~1.0.2",
"encodeurl": "~2.0.0",
"escape-html": "~1.0.3",
"on-finished": "2.4.1",
"parseurl": "~1.3.3",
@ -2689,14 +2730,18 @@
}
},
"node_modules/get-intrinsic": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
"integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
"integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
"dependencies": {
"function-bind": "^1.1.1",
"has": "^1.0.3",
"es-errors": "^1.3.0",
"function-bind": "^1.1.2",
"has-proto": "^1.0.1",
"has-symbols": "^1.0.3"
"has-symbols": "^1.0.3",
"hasown": "^2.0.0"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
@ -2763,20 +2808,23 @@
"node": ">=4"
}
},
"node_modules/gopd": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
"integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
"dependencies": {
"get-intrinsic": "^1.1.3"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/graceful-fs": {
"version": "4.2.11",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
"dev": true
},
"node_modules/has": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz",
"integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
"engines": {
"node": ">= 0.4.0"
}
},
"node_modules/has-flag": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
@ -2786,10 +2834,21 @@
"node": ">=4"
}
},
"node_modules/has-property-descriptors": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
"integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
"dependencies": {
"es-define-property": "^1.0.0"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/has-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
"integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
"integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
"engines": {
"node": ">= 0.4"
},
@ -2817,7 +2876,6 @@
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
"integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
"dev": true,
"dependencies": {
"function-bind": "^1.1.2"
},
@ -4046,9 +4104,12 @@
"integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg=="
},
"node_modules/merge-descriptors": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
"integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
"integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/merge-stream": {
"version": "2.0.0",
@ -4440,9 +4501,12 @@
}
},
"node_modules/object-inspect": {
"version": "1.13.0",
"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.0.tgz",
"integrity": "sha512-HQ4J+ic8hKrgIt3mqk6cVOVrW2ozL4KdvHlqpBv9vDYWx9ysAgENAdvy4FoGF+KFdhR7nQTNm5J0ctAeOwn+3g==",
"version": "1.13.2",
"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
"integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
@ -4576,9 +4640,9 @@
"dev": true
},
"node_modules/path-to-regexp": {
"version": "0.1.7",
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
"integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
"version": "0.1.10",
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
"integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w=="
},
"node_modules/picocolors": {
"version": "1.0.0",
@ -4706,11 +4770,11 @@
]
},
"node_modules/qs": {
"version": "6.11.0",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
"integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
"version": "6.13.0",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
"integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
"dependencies": {
"side-channel": "^1.0.4"
"side-channel": "^1.0.6"
},
"engines": {
"node": ">=0.6"
@ -4881,9 +4945,9 @@
}
},
"node_modules/send": {
"version": "0.18.0",
"resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
"integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
"version": "0.19.0",
"resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
"integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
"dependencies": {
"debug": "2.6.9",
"depd": "2.0.0",
@ -4903,20 +4967,28 @@
"node": ">= 0.8.0"
}
},
"node_modules/send/node_modules/encodeurl": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
"integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/send/node_modules/ms": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
},
"node_modules/serve-static": {
"version": "1.15.0",
"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
"integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
"version": "1.16.2",
"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
"integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
"dependencies": {
"encodeurl": "~1.0.2",
"encodeurl": "~2.0.0",
"escape-html": "~1.0.3",
"parseurl": "~1.3.3",
"send": "0.18.0"
"send": "0.19.0"
},
"engines": {
"node": ">= 0.8.0"
@ -4927,6 +4999,22 @@
"resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
"integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
},
"node_modules/set-function-length": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
"integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
"dependencies": {
"define-data-property": "^1.1.4",
"es-errors": "^1.3.0",
"function-bind": "^1.1.2",
"get-intrinsic": "^1.2.4",
"gopd": "^1.0.1",
"has-property-descriptors": "^1.0.2"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/setprototypeof": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@ -4954,13 +5042,17 @@
}
},
"node_modules/side-channel": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
"integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
"integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
"dependencies": {
"call-bind": "^1.0.0",
"get-intrinsic": "^1.0.2",
"object-inspect": "^1.9.0"
"call-bind": "^1.0.7",
"es-errors": "^1.3.0",
"get-intrinsic": "^1.2.4",
"object-inspect": "^1.13.1"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"