@owlmeans/web-oauth 0.1.18-rc.1

package/tests/i18n.spec.ts

@@ -0,0 +1,41 @@
+import { describe, expect, test } from 'bun:test'
+import en from '../src/i18n/en.json' with { type: 'json' }
+import pl from '../src/i18n/pl.json' with { type: 'json' }
+import ru from '../src/i18n/ru.json' with { type: 'json' }
+import be from '../src/i18n/be.json' with { type: 'json' }
+import uk from '../src/i18n/uk.json' with { type: 'json' }
+import es from '../src/i18n/es.json' with { type: 'json' }
+import de from '../src/i18n/de.json' with { type: 'json' }
+
+const LANGUAGES: Record<string, unknown> = { pl, ru, be, uk, es, de }
+
+/** Every leaf key path in a nested translation object, e.g. `consent.title`. */
+const leafKeys = (value: unknown, prefix = ''): string[] => {
+  if (typeof value !== 'object' || value == null) return [prefix]
+
+  return Object.entries(value as Record<string, unknown>)
+    .flatMap(([key, child]) => leafKeys(child, prefix === '' ? key : `${prefix}.${key}`))
+}
+
+describe('@owlmeans/web-oauth — translations', () => {
+  const englishKeys = leafKeys(en).sort()
+
+  test('English covers the three screens', () => {
+    expect(englishKeys).toContain('consent.approve')
+    expect(englishKeys).toContain('device.continue')
+    expect(englishKeys).toContain('done.message')
+  })
+
+  for (const [lang, resource] of Object.entries(LANGUAGES)) {
+    test(`${lang} has exactly the same keys as English`, () => {
+      expect(leafKeys(resource).sort()).toEqual(englishKeys)
+    })
+
+    test(`${lang} has no empty translation`, () => {
+      for (const key of leafKeys(resource)) {
+        const value = key.split('.').reduce((node: any, part) => node[part], resource)
+        expect(typeof value === 'string' && value.trim() !== '').toBe(true)
+      }
+    })
+  }
+})

package/tests/languages.spec.ts

@@ -0,0 +1,38 @@
+import { afterAll, describe, expect, test } from 'bun:test'
+import { closeBrowser } from '@owlmeans/test-ui'
+import { OAUTH_CONSENT_PATH } from '@owlmeans/oauth'
+import en from '../src/i18n/en.json' with { type: 'json' }
+import pl from '../src/i18n/pl.json' with { type: 'json' }
+import ru from '../src/i18n/ru.json' with { type: 'json' }
+import be from '../src/i18n/be.json' with { type: 'json' }
+import uk from '../src/i18n/uk.json' with { type: 'json' }
+import es from '../src/i18n/es.json' with { type: 'json' }
+import de from '../src/i18n/de.json' with { type: 'json' }
+import { deviceView, open, TIMEOUT } from './helpers.js'
+
+afterAll(async () => { await closeBrowser() })
+
+const LANGUAGES = { en, pl, ru, be, uk, es, de }
+
+describe('consent screen — all seven languages render', () => {
+  for (const [lng, strings] of Object.entries(LANGUAGES)) {
+    test(`${lng}: the buttons and the switch link carry the translation, never a key path`, async () => {
+      const { page, close } = await open(`${OAUTH_CONSENT_PATH}?ref=ABCD-EFGH`, {
+        signedIn: true, lng, stubs: { load: { json: deviceView() } },
+      })
+      try {
+        await page.getByTestId('oauth-consent-approve').waitFor({ state: 'visible', timeout: 45_000 })
+
+        expect(await page.getByTestId('oauth-consent-approve').textContent()).toBe(strings.consent.approve)
+        expect(await page.getByTestId('oauth-consent-deny').textContent()).toBe(strings.consent.deny)
+        expect(await page.getByTestId('oauth-consent-switch').textContent()).toBe(strings.consent['switch-account'])
+        expect(await page.getByTestId('oauth-consent-code').textContent())
+          .toBe(strings.consent['device-code'].replace('{{code}}', 'ABCD-EFGH'))
+        // A missing key would print its own path.
+        expect(await page.getByTestId('oauth-consent-card').textContent()).not.toMatch(/consent\.[a-z-]+/)
+      } finally {
+        await close()
+      }
+    }, TIMEOUT)
+  }
+})

package/tests/package-boundary.spec.ts

@@ -0,0 +1,19 @@
+import { describe, expect, test } from 'bun:test'
+import { readdirSync, readFileSync } from 'node:fs'
+import { join } from 'node:path'
+
+const source = join(import.meta.dir, '../src')
+
+const sourceFiles = (dir: string): string[] => readdirSync(dir, { withFileTypes: true }).flatMap(entry => {
+  const path = join(dir, entry.name)
+
+  return entry.isDirectory() ? sourceFiles(path) : [path]
+})
+
+describe('@owlmeans/web-oauth — package boundary', () => {
+  test('does not use consumer-project UI aliases in package source', () => {
+    for (const file of sourceFiles(source).filter(file => /\.tsx?$/.test(file))) {
+      expect(readFileSync(file, 'utf8')).not.toMatch(/from\s+['"]@\//)
+    }
+  })
+})

package/tests/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": [
+    "@owlmeans/dep-config/tsconfig.base.json",
+    "@owlmeans/dep-config/tsconfig.react.json"
+  ],
+  "compilerOptions": {
+    "types": ["bun"],
+    "rootDir": "../",
+    "noEmit": true
+  },
+  "include": ["./**/*", "../src/**/*"]
+}

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": [
+    "@owlmeans/dep-config/tsconfig.base.json",
+    "@owlmeans/dep-config/tsconfig.react.json"
+  ],
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/@/*"]
+    },
+    "rootDir": "./src/",
+    "outDir": "./build/"
+  },
+  "exclude": ["./dist/**/*", "./build/**/*", "./tests/**/*", "./*.ts"]
+}