devops: github actions for linting and unit tests

.github/workflows/check-linting.yml

@@ -0,0 +1,32 @@
+name: Check Linting
+
+on:
+  push:
+    branches:
+      - '**'
+  pull_request:
+    branches:
+      - '**'
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run tests
+        run: npm run lint-all

.github/workflows/run-unit-tests.yml

@@ -0,0 +1,32 @@
+name: Run Unit Tests
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run linting
+        run: npm run test

README.md

@@ -1,4 +1,4 @@
-![Logicola Mascot](/malikpiara/logicola/public/mascot.png)
+![Logicola Mascot](public/mascot.png)
 
 LogiCola is an instructional program that goes with Gensler's Introduction to Logic (Routledge Press). Since Harry Gensler, the original creator has passed away, I decided to create a new version to preserve an important learning resource and honour his legacy.
 

components/quiz/useQuizState.test.ts

@@ -0,0 +1,50 @@
+import { describe, it, expect } from 'vitest';
+import { renderHook, act } from '@testing-library/react-hooks';
+import useQuizState from './useQuizState';
+
+describe('useQuizState', () => {
+  it('initializes state correctly', () => {
+    const chapterId = 1; // assuming chapter ID 1 exists
+    const { result } = renderHook(() => useQuizState(chapterId));
+
+    expect(result.current.questionIdx).toBe(0);
+    expect(result.current.selectedOptionId).toBeNull();
+    expect(result.current.showSolution).toBe(false);
+    expect(result.current.checkAnswer).toBe(false);
+    expect(result.current.showStartScreen).toBe(true);
+    expect(result.current.showEndScreen).toBe(false);
+    expect(result.current.numOfCorrectQuestions).toBe(0);
+    // expect(Array.isArray(result.current.questionOrder)).toBe(true);
+    // expect(result.current.questionOrder.length).toBeGreaterThan(0); // Assumes there are questions
+  });
+});
+
+describe('Navigation between questions', () => {
+  it('increments the question index by 1 on handleNextQuestion call', () => {
+    const chapterId = 1;
+    const { result } = renderHook(() => useQuizState(chapterId));
+
+    act(() => {
+      result.current.handleNextQuestion();
+    });
+
+    expect(result.current.questionIdx).toBe(1);
+  });
+});
+
+describe('Option selection and scoring', () => {
+  it('selects an option and increments score if the answer is correct', () => {
+    const chapterId = 1;
+    const { result } = renderHook(() => useQuizState(chapterId));
+
+    // Mocking the correct answer ID and the selection process
+    const correctOptionId = 0;
+    act(() => {
+      result.current.selectOption(correctOptionId);
+      result.current.incrementScore(correctOptionId, correctOptionId);
+    });
+
+    expect(result.current.selectedOptionId).toBe(correctOptionId);
+    expect(result.current.numOfCorrectQuestions).toBe(1);
+  });
+});