Merge pull request #906 from ccnmtl/ERD-463-multi

Add more tests

Author: ndittren

media/js/src/simulations/simulation3/tests/multicollenearityApply.test.jsx

@@ -0,0 +1,92 @@
+/* global jest */
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { MulticollinearityApply } from '../multicollinearityApply';
+
+describe('MulticollinearityApply', () => {
+    const mockHandleControls = jest.fn();
+    const mockHandleProgress = jest.fn();
+    const controls = [false, false];
+    const submissionId = 1;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it('renders the real-world dataset prompt', () => {
+        render(
+            <MulticollinearityApply
+                controls={controls}
+                handleControls={mockHandleControls}
+                handleProgress={mockHandleProgress}
+                submissionId={submissionId}
+            />
+        );
+        expect(screen.getByText(/real-world dataset/i)).toBeInTheDocument();
+        expect(screen.getByText(/Regression line equations/i))
+            .toBeInTheDocument();
+    });
+
+    it('calls handleControls when a checkbox is toggled', () => {
+        render(
+            <MulticollinearityApply
+                controls={controls}
+                handleControls={mockHandleControls}
+                handleProgress={mockHandleProgress}
+                submissionId={submissionId}
+            />
+        );
+        const checkboxes = screen.getAllByRole('checkbox');
+        fireEvent.click(checkboxes[0]);
+        expect(mockHandleControls).toHaveBeenCalled();
+    });
+
+    it('shows Continue btn after both questions are answered correctly', () => {
+        render(
+            <MulticollinearityApply
+                controls={controls}
+                handleControls={mockHandleControls}
+                handleProgress={mockHandleProgress}
+                submissionId={submissionId}
+            />
+        );
+        // First question
+        let radios = screen.getAllByRole('radio');
+        fireEvent.click(radios[1]);
+        let submit1 = screen.getAllByRole('button', { name: /Submit/i })[0];
+        fireEvent.click(submit1);
+
+        radios = screen.getAllByRole('radio');
+        fireEvent.click(radios[2]);
+        let submit2 = screen.getAllByRole('button', { name: /Submit/i })[1];
+        fireEvent.click(submit2);
+
+        expect(screen.getByRole('button', { name: /Continue/i }))
+            .toBeInTheDocument();
+    });
+    it('calls handleProgress when Continue is clicked after questions', () => {
+        render(
+            <MulticollinearityApply
+                controls={controls}
+                handleControls={mockHandleControls}
+                handleProgress={mockHandleProgress}
+                submissionId={submissionId}
+            />
+        );
+
+        let radios = screen.getAllByRole('radio');
+        fireEvent.click(radios[1]); // correct answer for question 1
+        let submit1 = screen.getAllByRole('button', { name: /Submit/i })[0];
+        fireEvent.click(submit1);
+
+        // After submitting, re-query for the new radios and submit button
+        radios = screen.getAllByRole('radio');
+        fireEvent.click(radios[2]); // correct answer for question 2
+        let submit2 = screen.getAllByRole('button', { name: /Submit/i })[1];
+        fireEvent.click(submit2);
+
+        const continueBtn = screen.getByRole('button', { name: /Continue/i });
+        fireEvent.click(continueBtn);
+        expect(mockHandleProgress).toHaveBeenCalledWith(2);;
+    });
+});

media/js/src/simulations/simulation3/tests/simulationThree.test.jsx

@@ -21,12 +21,34 @@ describe('SimulationThree', () => {
         expect(screen.getByText(
             /Learning objectives: Multicollinearity/i)).toBeInTheDocument();
     });
-
     it('shows progress list for Heteroskedasticity', () => {
         render(<SimulationThree />);
         expect(screen.getByText('Your progress:')).toBeInTheDocument();
         expect(screen.getByText('Learn')).toBeInTheDocument();
         expect(screen.getByText('Apply')).toBeInTheDocument();
         expect(screen.getByText('Assess')).toBeInTheDocument();
     });
-});
+    it('shows progress list for Multicollinearity after switching', () => {
+        render(<SimulationThree />);
+        const multiBtn = screen.getByRole('button', {
+            name: /Multicollinearity/i });
+        fireEvent.click(multiBtn);
+        expect(screen.getByText('Your progress:')).toBeInTheDocument();
+        expect(screen.getByText('Learn')).toBeInTheDocument();
+        expect(screen.getByText('Apply')).toBeInTheDocument();
+        expect(screen.getByText('Assess')).toBeInTheDocument();
+    });
+
+    it('renders simulation cards for both stages', () => {
+        render(<SimulationThree />);
+        // Heteroskedasticity card
+        expect(screen.getByText(/Learning objectives: Heteroskedasticity/i))
+            .toBeInTheDocument();
+        // Switch to Multicollinearity and check card
+        const multiBtn = screen.getByRole('button', {
+            name: /Multicollinearity/i });
+        fireEvent.click(multiBtn);
+        expect(screen.getByText(/Learning objectives: Multicollinearity/i))
+            .toBeInTheDocument();
+    });
+});

media/js/src/simulations/simulation3/tests/whatIsMulticollenearity.test.jsx

@@ -0,0 +1,63 @@
+/* global jest */
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { WhatIsMulticollinearity } from '../whatIsMulticollinearity';
+
+describe('WhatIsMulticollinearity', () => {
+    const mockHandleControls = jest.fn();
+    const mockHandleProgress = jest.fn();
+    const controls = [false, false];
+
+    it('renders the definition and prompt', () => {
+        render(
+            <WhatIsMulticollinearity
+                controls={controls}
+                handleControls={mockHandleControls}
+                handleProgress={mockHandleProgress}
+            />
+        );
+        expect(screen.getByText(/definition of multicollinearity/i))
+            .toBeInTheDocument();
+        expect(screen.getByRole('button', {
+            name: /Definition: Multicollinearity/i })).toBeInTheDocument();
+    });
+
+    it('renders the glossary button', () => {
+        render(
+            <WhatIsMulticollinearity
+                controls={controls}
+                handleControls={mockHandleControls}
+                handleProgress={mockHandleProgress}
+            />
+        );
+        expect(screen.getByRole('button', { name: /Glossary/i }))
+            .toBeInTheDocument();
+    });
+
+    it('calls handleProgress when Continue to Real dataset is clicked', () => {
+        render(
+            <WhatIsMulticollinearity
+                controls={controls}
+                handleControls={mockHandleControls}
+                handleProgress={mockHandleProgress}
+            />
+        );
+        const continueBtn = screen.getByRole('button', {
+            name: /Continue to Real dataset/i });
+        fireEvent.click(continueBtn);
+        expect(mockHandleProgress).toHaveBeenCalledWith(1);
+    });
+
+    it('calls handleControls when a checkbox is toggled', () => {
+        render(
+            <WhatIsMulticollinearity
+                controls={controls}
+                handleControls={mockHandleControls}
+                handleProgress={mockHandleProgress}
+            />
+        );
+        const x2Checkbox = screen.getByLabelText(/x_1\\ and\\ x_2/i);
+        fireEvent.click(x2Checkbox);
+        expect(mockHandleControls).toHaveBeenCalled();
+    });
+});