Added unit tests for APIs, Secure App and AuthContext hook

.babelrc

@@ -0,0 +1,2 @@
+{"presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"]}
+

.github/workflows/test.yml

@@ -0,0 +1,39 @@
+name: Run Tests
+
+on:
+  pull_request:
+  push:
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v3
+
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18.x'
+
+      - name: Cache node modules
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - name: Install dependencies
+        run: |
+            npm install  # Use npm ci for a clean install
+            npm install --save-dev jest @testing-library/react @testing-library/jest-dom @babel/preset-env @babel/preset-react @babel/preset-typescript @testing-library/dom crypto-browserify
+
+      - name: Run tests
+        working-directory: ./lib
+        run: npm test  # Just run npm test, which should call jest

lib/jest.config.js

@@ -0,0 +1,6 @@
+// jest.config.js
+module.exports = {
+    testEnvironment: 'jsdom',               // Ensure jsdom environment
+    setupFilesAfterEnv: ['./jest.setup.js'], // Load jest.setup.js
+  };
+

lib/jest.setup.js

@@ -0,0 +1,27 @@
+// jest.setup.js
+
+// Polyfill for TextEncoder and TextDecoder
+const { TextEncoder, TextDecoder } = require('util');
+
+global.crypto = { getRandomValues: (arr) => require('crypto').randomFillSync(arr) };
+
+// Global definitions for TextEncoder and TextDecoder
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoder;
+
+// Mock for Web Workers
+class MockWorker {
+    constructor(stringUrl) {
+        this.url = stringUrl;
+    }
+    postMessage(msg) {
+        console.log('Message posted to worker:', msg);
+    }
+    terminate() {
+        console.log('Worker terminated');
+    }
+    addEventListener() {}
+    removeEventListener() {}
+}
+
+global.Worker = MockWorker;

lib/package.json

@@ -18,6 +18,7 @@
     "types": "dist/types/src/index.d.ts",
     "module": "dist/main.js",
     "scripts": {
+        "test": "jest",
         "lint": "eslint --ext .js,.ts .",
         "fix-lint": "eslint --ext .js,.ts . --fix",
         "build": "rimraf dist && yarn run type-check && webpack --env NODE_ENV=production",
@@ -48,28 +49,31 @@
     },
     "devDependencies": {
         "@babel/cli": "^7.19.3",
-        "@babel/core": "^7.20.5",
+        "@babel/core": "^7.26.0",
         "@babel/plugin-proposal-class-properties": "^7.18.6",
         "@babel/plugin-proposal-decorators": "^7.20.5",
         "@babel/plugin-transform-modules-commonjs": "^7.19.6",
-        "@babel/preset-env": "^7.20.2",
-        "@babel/preset-react": "^7.18.6",
-        "@babel/preset-typescript": "^7.18.6",
+        "@babel/preset-env": "^7.26.0",
+        "@babel/preset-react": "^7.25.9",
+        "@babel/preset-typescript": "^7.26.0",
         "@babel/runtime-corejs3": "^7.20.6",
         "@types/node": "^18.11.17",
         "@typescript-eslint/eslint-plugin": "^5.47.0",
         "@typescript-eslint/parser": "^5.47.0",
+        "babel-jest": "^29.7.0",
         "babel-loader": "^9.1.0",
         "core-js": "^3.26.1",
         "eslint": "^8.30.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-react": "^7.31.11",
         "eslint-plugin-react-hooks": "^4.6.0",
         "eslint-webpack-plugin": "^3.2.0",
+        "jest-environment-jsdom": "^29.7.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "rimraf": "^3.0.2",
         "typescript": "^4.9.4",
+        "util": "^0.12.5",
         "webpack": "^5.75.0",
         "webpack-cli": "^5.0.1",
         "worker-loader": "^3.0.8"

lib/tests/__mocks__/@asgardeo/auth_spa.js

@@ -0,0 +1,6 @@
+// __mocks__/@asgardeo/auth-spa.js
+export const AsgardeoSPAClient = {
+    signIn: jest.fn(),
+    isAuthenticated: jest.fn(),
+};
+

lib/tests/authComponent.test.js

@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) 2021, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
+ *
+ * WSO2 Inc. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import { AuthenticatedComponent } from "../src/authenticated-component.tsx";
+import { useAuthContext } from "../src/authenticate";
+import "@testing-library/jest-dom";
+
+jest.mock("../src/authenticate");
+
+describe("AuthenticatedComponent", () => {
+    it("renders children when authenticated", () => {
+        useAuthContext.mockReturnValue({ state: { isAuthenticated: true } });
+
+        render(
+            <AuthenticatedComponent fallback={<div data-testid="fallback">Fallback</div>}>
+                <div data-testid="protected-content">Protected Content</div>
+            </AuthenticatedComponent>
+        );
+
+        expect(screen.getByTestId("protected-content")).toBeInTheDocument();
+    });
+
+    it("renders fallback when not authenticated", () => {
+        useAuthContext.mockReturnValue({ state: { isAuthenticated: false } });
+
+        render(
+            <AuthenticatedComponent fallback={<div data-testid="fallback">Fallback</div>}>
+                <div data-testid="protected-content">Protected Content</div>
+            </AuthenticatedComponent>
+        );
+
+        expect(screen.getByTestId("fallback")).toBeInTheDocument();
+        expect(screen.queryByTestId("protected-content")).not.toBeInTheDocument();
+    });
+});

lib/tests/getUserInfo.test.js

@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) 2021, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
+ *
+ * WSO2 Inc. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+
+// Import the necessary modules
+import AuthAPI from '../src/api'; // Adjust the path as needed
+import { AsgardeoSPAClient } from '@asgardeo/auth-spa'; // Adjust the path as needed
+
+// Mock the AsgardeoSPAClient module
+jest.mock('@asgardeo/auth-spa', () => ({
+    AsgardeoSPAClient: {
+        getInstance: jest.fn(), // Mock getInstance method
+    },
+}));
+
+describe('AuthAPI getBasicUserInfo()', () => {
+    let authAPI;
+    let mockClient;
+
+    beforeEach(() => {
+        // Step 1: Create a mock client with the getBasicUserInfo method
+        mockClient = {
+            getBasicUserInfo: jest.fn(), // Mock getBasicUserInfo
+        };
+
+        // Step 2: Mock getInstance to return the mock client
+        AsgardeoSPAClient.getInstance.mockReturnValue(mockClient);
+
+        // Step 3: Instantiate AuthAPI (this will assign the mock client to _client)
+        authAPI = new AuthAPI();
+    });
+
+    afterEach(() => {
+        // Clear all mocks after each test
+        jest.clearAllMocks();
+    });
+
+    it('should return basic user information when getBasicUserInfo is called', async () => {
+        // Arrange: Mock the resolved value for getBasicUserInfo
+        const mockUserInfo = {
+            username: 'john.doe',
+            email: '[email protected]',
+        };
+        mockClient.getBasicUserInfo.mockResolvedValue(mockUserInfo);
+
+        // Act: Call the getBasicUserInfo method
+        const result = await authAPI.getBasicUserInfo();
+
+        // Assert: Check if the result is the expected mockUserInfo
+        expect(result).toEqual(mockUserInfo);
+        expect(mockClient.getBasicUserInfo).toHaveBeenCalledTimes(1);
+    });
+
+    it('should handle errors when getBasicUserInfo fails', async () => {
+        // Arrange: Mock a rejected promise to simulate an error
+        const mockError = new Error('Failed to fetch user info');
+        mockClient.getBasicUserInfo.mockRejectedValue(mockError);
+
+        // Act & Assert: Expect the getBasicUserInfo method to throw the error
+        await expect(authAPI.getBasicUserInfo()).rejects.toThrow('Failed to fetch user info');
+        expect(mockClient.getBasicUserInfo).toHaveBeenCalledTimes(1);
+    });
+});

lib/tests/isAuth.test.js

@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) 2021, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
+ *
+ * WSO2 Inc. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+
+import AuthAPI from '../src/api'; // Adjust import if needed
+
+describe('AuthAPI isAuthenticated()', () => {
+    let auth;
+    let mockIsAuthenticated;
+
+    beforeEach(() => {
+        // Create a mock client object
+        const mockClient = {
+            isAuthenticated: jest.fn(),
+        };
+
+        // Mock _client on the AuthAPI instance
+        auth = new AuthAPI();
+        auth._client = mockClient; // Manually assign mock client here
+
+        // Mock the isAuthenticated method on the mock client
+        mockIsAuthenticated = auth._client.isAuthenticated;
+        jest.clearAllMocks();
+    });
+
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it('should return true when the user is authenticated', async () => {
+        mockIsAuthenticated.mockResolvedValueOnce(true);
+
+        const result = await auth.isAuthenticated();
+
+        expect(result).toBe(true);
+    });
+
+    it('should return false when the user is not authenticated', async () => {
+        mockIsAuthenticated.mockResolvedValueOnce(false);
+
+        const result = await auth.isAuthenticated();
+
+        expect(result).toBe(false);
+    });
+
+    it('should throw an error if isAuthenticated() fails', async () => {
+        const errorMessage = 'Failed to check authentication';
+        mockIsAuthenticated.mockRejectedValueOnce(new Error(errorMessage));
+
+        await expect(auth.isAuthenticated()).rejects.toThrow(errorMessage);
+    });
+});