login-authorization-v2 1.1.4 → 2.0.0-beta.1

package/tests/dom.test.ts

@@ -0,0 +1,95 @@
+/**
+ * @jest-environment jsdom
+ */
+import { describe, expect, test, jest, beforeEach, afterEach } from '@jest/globals'
+import { closeDialog, openDialog } from '../src/dom'
+
+// 模拟 utils 模块中的 isMobile 函数
+jest.mock('../src/utils', () => ({
+  isMobile: jest.fn()
+}))
+
+// 模拟 shares 模块中的 loginPageUrl
+jest.mock('../src/shares', () => ({
+  loginPageUrl: 'https://example.com/login'
+}))
+
+// 导入被模拟后的模块
+import { isMobile } from '../src/utils'
+
+describe('dom.ts 方法单元测试', () => {
+  let originalLocation: Location
+
+  beforeEach(() => {
+    originalLocation = window.location
+
+    document.body.innerHTML = ''
+
+    // 重置所有模拟
+    jest.clearAllMocks()
+  })
+
+  describe('openDialog', () => {
+    test('应该在 PC 端正确创建对话框', () => {
+      // 模拟 PC 端
+      (isMobile as jest.Mock).mockReturnValue(false)
+
+      // 执行
+      openDialog()
+
+      // 验证对话框容器是否存在
+      const container = document.querySelector('div > div#confirm-container')
+      expect(container).not.toBeNull()
+
+      // 验证 PC 端特定样式
+      expect(container?.outerHTML).toContain('width:615px')
+      expect(container?.outerHTML).toContain('left: 35%')
+
+      // 验证按钮存在
+      const confirmButton = document.querySelector('#confirm') as HTMLButtonElement
+      const cancelButton = document.querySelector('#cancel') as HTMLButtonElement
+      expect(confirmButton).not.toBeNull()
+      expect(cancelButton).not.toBeNull()
+
+      // 验证文本内容
+      expect(container?.textContent).toContain('You do not have access to the system.')
+      expect(container?.textContent).toContain('Sign in to another ZERO account')
+      expect(container?.textContent).toContain('Cancel')
+    })
+
+    test('应该在移动端正确创建对话框', () => {
+      (isMobile as jest.Mock).mockReturnValue(true)
+
+      openDialog()
+
+      const container = document.querySelector('div > div#confirm-container')
+      expect(container).not.toBeNull()
+
+      expect(container?.outerHTML).toContain('width:97.6vw')
+      expect(container?.outerHTML).toContain('height:145px')
+
+      const confirmButton = document.querySelector('#confirm')
+      const cancelButton = document.querySelector('#cancel')
+
+      expect(confirmButton).not.toBeNull()
+      expect(cancelButton).not.toBeNull()
+
+      expect(container?.textContent).toContain('You do not have access to the system.')
+      expect(container?.textContent).toContain('Sign in to another ZERO account')
+      expect(container?.textContent).toContain('Cancel')
+    })
+
+    test('close dialog 应该正常关闭', () => {
+      (isMobile as jest.Mock).mockReturnValue(false)
+
+      openDialog()
+      let container = document.querySelector('div > div#confirm-container')
+
+      expect(container).not.toBeNull()
+
+      closeDialog()
+      container = document.querySelector('div > div#confirm-container')
+      expect(container).toBeNull()
+    })
+  })
+})

package/tests/index.test.ts

@@ -0,0 +1,126 @@
+/**
+ * @jest-environment jsdom
+ */
+import { describe, expect, test, jest, beforeEach, afterEach } from '@jest/globals'
+import { getUserInfo, make } from '../src/utils'
+import { Base64 } from 'js-base64'
+import {
+  getAccessToken,
+  getRefreshToken,
+  setAccessToken,
+  setRefreshToken,
+  setSystemType
+} from '../src/cookie'
+import { openDialog } from '../src/dom'
+import {
+  fetchServerListHTTP,
+  fetchRefreshTokenHTTP,
+  initInstance,
+  fetchLogoutHTTP
+} from '../src/request'
+import {
+  setTenantId,
+  setBrand,
+  setModuleBaseUrl,
+  setLoginPageUrl
+} from '../src/shares'
+import { NO_ACCESS_TOKEN, NO_MODULE_BASE_URL, NO_REFRESH_TOKEN } from '../src/constance'
+import { SystemType } from '../src/types'
+
+jest.mock('../src/cookie', () => ({
+  getAccessToken: jest.fn(),
+  getRefreshToken: jest.fn(),
+  setAccessToken: jest.fn(),
+  setRefreshToken: jest.fn(),
+  setSystemType: jest.fn()
+}))
+
+jest.mock('../src/dom', () => ({
+  openDialog: jest.fn()
+}))
+
+jest.mock('../src/request', () => ({
+  fetchServerListHTTP: jest.fn(),
+  fetchRefreshTokenHTTP: jest.fn(),
+  initInstance: jest.fn(),
+  fetchLogoutHTTP: jest.fn()
+}))
+
+jest.mock('../src/shares', () => ({
+  setTenantId: jest.fn(),
+  setBrand: jest.fn(),
+  setModuleBaseUrl: jest.fn(),
+  setLoginPageUrl: jest.fn()
+}))
+
+// 模拟 js-base64
+jest.mock('js-base64', () => ({
+  Base64: {
+    decode: jest.fn()
+  }
+}))
+
+describe('index.ts 入口文件单元测试', () => {
+  // 模拟的定时器ID
+  let mockTimerId: number
+
+  beforeEach(() => {
+    // 重置所有模拟
+    jest.clearAllMocks()
+
+    // 设置假定时器
+    jest.useFakeTimers()
+
+    // 初始化 mock 定时器ID
+    mockTimerId = 123
+    jest.spyOn(global, 'setInterval').mockImplementation(() => mockTimerId)
+    jest.spyOn(global, 'clearInterval').mockImplementation(() => undefined)
+
+    // 设置默认的 mock 返回值
+    ;(getAccessToken as jest.Mock).mockReturnValue('mock.access.token')
+    ;(getRefreshToken as jest.Mock).mockReturnValue('mock.refresh.token')
+    ;(Base64.decode as jest.Mock).mockReturnValue(JSON.stringify({
+      'cognito:groups': ['testModule', 'commonLogin']
+    }))
+    ;(fetchServerListHTTP as jest.Mock).mockResolvedValue({
+      data: {
+        content: [
+          {
+            groupName: 'AdminPortal',
+            staffEndpoint: true
+          },
+          {
+            groupName: 'App',
+            staffEndpoint: false
+          }
+        ]
+      }
+    })
+  })
+
+  afterEach(() => {
+    // 恢复真定时器
+    jest.useRealTimers()
+    // 清理所有模拟
+    jest.clearAllMocks()
+  })
+
+  describe('getUserInfo 函数', () => {
+    test('应该正确解析 token 并返回用户信息', async () => {
+      const mockUserInfo = {
+        sub: '123456',
+        email: 'test@example.com',
+        'cognito:groups': ['App']
+      }
+
+      ;(Base64.decode as jest.Mock).mockReturnValue(JSON.stringify(mockUserInfo))
+
+      const result = await getUserInfo()
+      console.log(result)
+
+      expect(result).toEqual(mockUserInfo)
+      expect(getAccessToken).toHaveBeenCalled()
+      expect(Base64.decode).toHaveBeenCalledWith('mock.access.token'.split('.')[1])
+    })
+  })
+})

package/tests/shares.test.ts

@@ -0,0 +1,52 @@
+import { describe, expect, test } from '@jest/globals'
+import {
+  setBrand,
+  setTenantId,
+  setModuleBaseUrl,
+  setLoginPageUrl,
+  moduleBaseUrl,
+  tenantId,
+  brand,
+  loginPageUrl
+} from '../src/shares'
+import { Brand, Tenant } from '../src/types'
+
+describe('shares.ts set tenant id 方法单元测试', () => {
+  test('测试设置 tenant id 为 ZERO', () => {
+    setTenantId(Tenant.ZERO_BR)
+    expect(tenantId).toEqual(Tenant.ZERO_BR)
+  })
+
+  test('测试设置 tenant id 边界值情况', () => {
+    expect(() => setTenantId('asd')).toThrow()
+  })
+})
+
+describe('shares.ts set brand id 方法单元测试', () => {
+  test('测试设置 brand id 为 ZERO', () => {
+    setBrand(Brand.ZERO)
+    expect(brand).toEqual(Brand.ZERO)
+  })
+
+  test('测试设置 brand id 边界值情况', () => {
+    expect(() => setBrand('asd')).toThrow()
+  })
+})
+
+describe('shares.ts set moduleBaseUrl 方法单元测试', () => {
+  test('测试设置 moduleBaseUrl', () => {
+    const testModuleBaseUrl = 'http://localhost:8080'
+
+    setModuleBaseUrl(testModuleBaseUrl)
+    expect(moduleBaseUrl).toEqual(testModuleBaseUrl)
+  })
+})
+
+describe('shares.ts set loginPageUrl 方法单元测试', () => {
+  test('测试设置 loginPageUrl', () => {
+    const testLoginPageUrl = 'http://localhost:8080'
+
+    setLoginPageUrl(testLoginPageUrl)
+    expect(loginPageUrl).toEqual(testLoginPageUrl)
+  })
+})

package/tests/utils.test.ts

@@ -0,0 +1,79 @@
+import { describe, expect, test, jest, beforeEach } from '@jest/globals'
+import { isMobile } from '../src/utils'
+
+describe('isMobile 函数单元测试', () => {
+  let originalNavigator: Navigator
+
+  beforeEach(() => {
+    originalNavigator = global.navigator
+
+    // 重置所有 mock
+    jest.clearAllMocks()
+  })
+
+  afterEach(() => {
+    // 恢复原始 navigator
+    if (originalNavigator) {
+      Object.defineProperty(global, 'navigator', {
+        value: originalNavigator,
+        writable: true,
+        configurable: true
+      })
+    }
+  })
+
+  describe('移动设备检测', () => {
+    test('应该检测 Android 设备', () => {
+      Object.defineProperty(global, 'navigator', {
+        value: {
+          userAgent: 'Mozilla/5.0 (Linux; Android 10; SM-G973F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.120 Mobile Safari/537.36'
+        },
+        writable: true,
+        configurable: true
+      })
+
+      expect(isMobile()).toBe(true)
+    })
+
+    test('应该检测 iPhone 设备', () => {
+      // 模拟 iPhone 设备的 userAgent
+      Object.defineProperty(global, 'navigator', {
+        value: {
+          userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1'
+        },
+        writable: true,
+        configurable: true
+      })
+
+      expect(isMobile()).toBe(true)
+    })
+
+    describe('桌面设备检测', () => {
+      test('应该检测 Windows 桌面浏览器', () => {
+        // 模拟 Windows 桌面浏览器的 userAgent
+        Object.defineProperty(global, 'navigator', {
+          value: {
+            userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36'
+          },
+          writable: true,
+          configurable: true
+        })
+
+        expect(isMobile()).toBe(false)
+      })
+    })
+
+    test('应该检测 macOS 桌面浏览器', () => {
+      // 模拟 macOS 桌面浏览器的 userAgent
+      Object.defineProperty(global, 'navigator', {
+        value: {
+          userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36'
+        },
+        writable: true,
+        configurable: true
+      })
+
+      expect(isMobile()).toBe(false)
+    })
+  })
+})

package/tsconfig.json

@@ -0,0 +1,49 @@
+{
+  // Visit https://aka.ms/tsconfig to read more about this file
+  "compilerOptions": {
+    // File Layout
+//     "rootDir": "./src",
+     "outDir": "./dist",
+
+    // Environment Settings
+    // See also https://aka.ms/tsconfig/module
+    "module": "esnext",
+    "target": "esnext",
+    "types": [],
+    // For nodejs:
+     "lib": ["esnext", "dom"],
+    "moduleResolution": "bundler",
+    // "types": ["node"],
+    // and npm install -D @types/node
+
+    // Other Outputs
+    "sourceMap": false,
+    "declaration": true,
+    "declarationMap": true,
+
+    // Stricter Typechecking Options
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+
+    // Style Options
+    // "noImplicitReturns": true,
+    // "noImplicitOverride": true,
+    // "noUnusedLocals": true,
+    // "noUnusedParameters": true,
+    // "noFallthroughCasesInSwitch": true,
+    // "noPropertyAccessFromIndexSignature": true,
+
+    // Recommended Options
+    "strict": true,
+    "jsx": "react-jsx",
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "noUncheckedSideEffectImports": true,
+    "moduleDetection": "force",
+    "skipLibCheck": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "exclude": [
+    "tests"
+  ]
+}

package/webpack.config.mjs

@@ -0,0 +1,47 @@
+// webpack.config.mjs
+import path from 'path'
+
+const baseConfig = {
+  entry: './index.ts',
+  mode: 'development',
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        loader: 'ts-loader',
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['.ts', '.js'], // 将resolve配置移到baseConfig中
+  }
+}
+
+export default [
+  {
+    ...baseConfig,
+    output: {
+      path: path.resolve(process.cwd(), './dist'),
+      filename: 'index.umd.js',
+      library: {
+        type: 'umd',
+      },
+      globalObject: 'this',
+    }
+  },
+  {
+    ...baseConfig,
+    output: {
+      path: path.resolve(process.cwd(), './dist'),
+      filename: 'index.esm.js',
+      library: {
+        type: 'module'
+      },
+      module: true,
+      environment: { module: true }
+    },
+    experiments: {
+      outputModule: true
+    }
+  }
+]