@api-client/ui 0.5.39 → 0.5.40

package/test/plugins/takeScreenshotPlugin.js

@@ -1,35 +0,0 @@
-import fs from 'node:fs/promises'
-import path from 'path'
-
-const root = path.join('test', 'screenshots')
-
-export function takeScreenshotPlugin() {
-  return {
-    name: 'take-screen-command',
-
-    async executeCommand({ command, payload, session }) {
-      if (command === 'take-screenshot') {
-        await fs.mkdir(root, { recursive: true })
-        const config = /** @type {{ name: string }} */ (payload)
-
-        const file = `${config.name}.png`
-        const filePath = path.join(root, file)
-
-        if (session.browser.type === 'puppeteer') {
-          const page = session.browser.getPage(session.id)
-          const screenshot = await page.screenshot()
-          await fs.writeFile(filePath, screenshot)
-          return true
-        }
-        if (session.browser.type === 'playwright') {
-          const page = session.browser.getPage(session.id)
-          const screenshot = await page.screenshot()
-          await fs.writeFile(filePath, screenshot)
-          return true
-        }
-        throw new Error(`Taking screenshots is not supported for browser type ${session.browser.type}.`)
-      }
-      return undefined
-    },
-  }
-}

package/test/setup.test.ts

@@ -1,217 +0,0 @@
-/**
- * Example test file demonstrating the test setup and utilities.
- * This shows how to use the test infrastructure for UI components.
- */
-
-import { assert } from '@open-wc/testing'
-import { testFactory, asyncHelpers, customMatchers } from './helpers/TestUtils.js'
-import { UiMock } from './helpers/UiMock.js'
-
-// Import the setup to ensure it runs
-import './setup.js'
-
-describe('Test Setup Example', () => {
-  describe('Basic Test Infrastructure', () => {
-    it('should have test utilities available globally', () => {
-      assert.exists(window.testUtils)
-      assert.isFunction(window.testUtils.waitForElement)
-      assert.isFunction(window.testUtils.waitForCondition)
-    })
-
-    it('should have custom matchers available', () => {
-      assert.exists(customMatchers.toHaveClasses)
-      assert.exists(customMatchers.toBeVisible)
-      assert.exists(customMatchers.toHaveAttribute)
-    })
-
-    it('should have async helpers available', () => {
-      assert.exists(asyncHelpers.waitForAll)
-      assert.exists(asyncHelpers.waitForAny)
-      assert.exists(asyncHelpers.retry)
-    })
-
-    it('should have UiMock utilities available', () => {
-      assert.exists(UiMock.keyDown)
-      assert.exists(UiMock.keyUp)
-      assert.exists(UiMock.keyPress)
-      assert.exists(UiMock.getMiddleOfElement)
-      assert.exists(UiMock.moveMouse)
-      assert.exists(UiMock.dragAndDrop)
-      assert.exists(UiMock.getFileDragEvent)
-    })
-  })
-
-  describe('Element Testing Example', () => {
-    let element: HTMLElement
-
-    beforeEach(() => {
-      // Clean setup is handled by global setup
-      element = document.createElement('div')
-      element.id = 'test-element'
-      element.className = 'test-class'
-      element.setAttribute('data-test', 'value')
-      document.body.appendChild(element)
-    })
-
-    afterEach(() => {
-      // Cleanup is handled by global setup
-    })
-
-    it('should test element classes using custom matcher', () => {
-      const result = customMatchers.toHaveClasses(element, 'test-class')
-      assert.isTrue(result.pass)
-    })
-
-    it('should test element visibility using custom matcher', () => {
-      const result = customMatchers.toBeVisible(element)
-      assert.isTrue(result.pass)
-    })
-
-    it('should test element attributes using custom matcher', () => {
-      const result = customMatchers.toHaveAttribute(element, 'data-test', 'value')
-      assert.isTrue(result.pass)
-    })
-
-    it('should wait for element to appear', async () => {
-      // Remove element temporarily
-      element.remove()
-
-      // Add it back after a delay
-      setTimeout(() => {
-        document.body.appendChild(element)
-      }, 10)
-
-      // Wait for it to appear
-      const foundElement = await window.testUtils.waitForElement('#test-element')
-      assert.dom.equal(foundElement, element)
-    })
-
-    it('should wait for condition to be true', async () => {
-      let conditionMet = false
-
-      // Set condition to true after delay
-      setTimeout(() => {
-        conditionMet = true
-      }, 100)
-
-      // Wait for condition
-      await window.testUtils.waitForCondition(() => conditionMet)
-      assert.isTrue(conditionMet)
-    })
-  })
-
-  describe('Async Helpers Example', () => {
-    it('should wait for all conditions', async () => {
-      let condition1 = false
-      let condition2 = false
-
-      setTimeout(() => {
-        condition1 = true
-      }, 50)
-      setTimeout(() => {
-        condition2 = true
-      }, 100)
-
-      await asyncHelpers.waitForAll([() => condition1, () => condition2])
-
-      assert.isTrue(condition1)
-      assert.isTrue(condition2)
-    })
-
-    it('should wait for any condition', async () => {
-      let condition1 = false
-      let condition2 = false
-
-      setTimeout(() => {
-        condition1 = true
-      }, 50)
-      setTimeout(() => {
-        condition2 = true
-      }, 100)
-
-      const index = await asyncHelpers.waitForAny([() => condition1, () => condition2])
-
-      assert.equal(index, 0) // First condition should be met first
-      assert.isTrue(condition1)
-    })
-
-    it('should retry failed operations', async () => {
-      let attempts = 0
-
-      const operation = async () => {
-        attempts++
-        if (attempts < 3) {
-          throw new Error('Not ready yet')
-        }
-        return 'success'
-      }
-
-      const result = await asyncHelpers.retry(operation, 5, 10)
-      assert.equal(result, 'success')
-      assert.equal(attempts, 3)
-    })
-  })
-
-  describe('Test Factory Example', () => {
-    it('should create data factory', () => {
-      const userFactory = testFactory.createDataFactory({
-        id: 1,
-        name: 'Test User',
-        email: 'test@example.com',
-      })
-
-      const user1 = userFactory()
-      assert.equal(user1.name, 'Test User')
-
-      const user2 = userFactory({ name: 'Custom User' })
-      assert.equal(user2.name, 'Custom User')
-      assert.equal(user2.email, 'test@example.com') // Keeps default
-    })
-  })
-
-  describe('UI Interaction Example', () => {
-    let button: HTMLButtonElement
-
-    beforeEach(() => {
-      button = document.createElement('button')
-      button.textContent = 'Click me'
-      button.style.width = '100px'
-      button.style.height = '40px'
-      button.style.position = 'absolute'
-      button.style.top = '100px'
-      button.style.left = '100px'
-      document.body.appendChild(button)
-    })
-
-    it('should simulate keyboard interaction', async () => {
-      let keyPressed = false
-
-      button.addEventListener('keydown', (e) => {
-        if (e.code === 'Enter') {
-          keyPressed = true
-        }
-      })
-
-      await UiMock.keyPress(button, 'Enter')
-      assert.isTrue(keyPressed)
-    })
-
-    it('should get element center position', () => {
-      const center = UiMock.getMiddleOfElement(button)
-      assert.isNumber(center.x)
-      assert.isNumber(center.y)
-      assert.isAbove(center.x, 0)
-      assert.isAbove(center.y, 0)
-    })
-
-    it('should create file drag event', () => {
-      const file = new File(['test content'], 'test.txt', { type: 'text/plain' })
-      const dragEvent = UiMock.getFileDragEvent('drop', { file })
-
-      assert.equal(dragEvent.type, 'drop')
-      assert.exists(dragEvent.dataTransfer)
-      assert.equal(dragEvent.dataTransfer!.files.length, 1)
-      assert.equal(dragEvent.dataTransfer!.files[0].name, 'test.txt')
-    })
-  })
-})

package/test/setup.ts

@@ -1,117 +0,0 @@
-/**
- * Test setup configuration for the UI component library.
- * This file is imported by all test files to ensure consistent test environment.
- */
-
-// // Global test setup
-// before(() => {
-//   // Set up global test configuration
-//   // eslint-disable-next-line no-console
-//   console.log('Setting up test environment...')
-// })
-
-// beforeEach(() => {
-//   // Clean up DOM before each test
-//   document.body.innerHTML = ''
-
-//   // Reset any global state
-//   if (window.localStorage) {
-//     window.localStorage.clear()
-//   }
-//   if (window.sessionStorage) {
-//     window.sessionStorage.clear()
-//   }
-// })
-
-afterEach(() => {
-  // Clean up after each test
-  // document.body.innerHTML = ''
-
-  // Clear any pending timers
-  const highestTimeoutId = window.setTimeout(() => {}, 0)
-  for (let i = 0; i < highestTimeoutId; i++) {
-    window.clearTimeout(i)
-  }
-
-  // Clear any pending intervals
-  const highestIntervalId = window.setInterval(() => {}, 9999)
-  for (let i = 0; i < highestIntervalId; i++) {
-    window.clearInterval(i)
-  }
-})
-
-// after(() => {
-//   // eslint-disable-next-line no-console
-//   console.log('Test environment cleanup complete.')
-// })
-
-// Global test utilities
-declare global {
-  interface Window {
-    testUtils: {
-      waitForElement: (selector: string, timeout?: number) => Promise<Element>
-      waitForCondition: (condition: () => boolean, timeout?: number) => Promise<void>
-    }
-  }
-}
-
-// Add test utilities to global scope
-window.testUtils = {
-  /**
-   * Wait for an element to appear in the DOM
-   */
-  async waitForElement(selector: string, timeout = 5000): Promise<Element> {
-    return new Promise((resolve, reject) => {
-      const startTime = Date.now()
-
-      function checkElement() {
-        const element = document.querySelector(selector)
-        if (element) {
-          resolve(element)
-          return
-        }
-
-        if (Date.now() - startTime > timeout) {
-          reject(new Error(`Element with selector "${selector}" not found within ${timeout}ms`))
-          return
-        }
-
-        setTimeout(checkElement, 50)
-      }
-
-      checkElement()
-    })
-  },
-
-  /**
-   * Wait for a condition to be true
-   */
-  async waitForCondition(condition: () => boolean, timeout = 5000): Promise<void> {
-    return new Promise((resolve, reject) => {
-      const startTime = Date.now()
-
-      function checkCondition() {
-        try {
-          if (condition()) {
-            resolve()
-            return
-          }
-        } catch {
-          // Condition threw an error, continue waiting
-        }
-
-        if (Date.now() - startTime > timeout) {
-          reject(new Error(`Condition not met within ${timeout}ms`))
-          return
-        }
-
-        setTimeout(checkCondition, 50)
-      }
-
-      checkCondition()
-    })
-  },
-}
-
-// Export setup for explicit imports
-export {}

package/test/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "extends": "../tsconfig",
-  "compilerOptions": {
-    "outDir": "../.tmp",
-  },
-  "include": ["../src/**/*", "../test/**/*"]
-}

package/web-dev-server.config.js

@@ -1,21 +0,0 @@
-import AuthPlugin from './demo/elements/authorization/AuthPlugin.js'
-
-export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  open: '/demo/',
-  nodeResolve: {
-    browser: true,
-    dedupe: [
-      'lit',
-      'lit-html',
-      'lit-element',
-      'lit-html/directives',
-      '@material/web',
-      '@open-wc/dedupe-mixin',
-      '@api-client/core',
-    ],
-  },
-
-  preserveSymlinks: true,
-
-  plugins: [AuthPlugin],
-})

package/web-test-runner.config.js

@@ -1,90 +0,0 @@
-import { OAuth2Server } from 'oauth2-mock-server'
-import getPort, { portNumbers } from 'get-port'
-
-const oauth2server = new OAuth2Server()
-let oauth2env
-
-/** @typedef {import('@web/test-runner').TestRunnerConfig} TestRunnerConfig */
-
-const filteredLogs = ['Running in dev mode', 'lit-html is in dev mode', 'Lit is in dev mode']
-
-export default /** @type TestRunnerConfig */ ({
-  nodeResolve: {
-    browser: true,
-  },
-  files: ['.tmp/test/**/*.test.js', '.tmp/test/**/*.spec.js'],
-  // files: ['.tmp/test/core/fragment_manager.spec.js'],
-
-  concurrentBrowsers: 3,
-  concurrency: 10,
-  rootDir: './',
-
-  /** Filter out lit dev mode logs */
-  filterBrowserLogs(log) {
-    for (const arg of log.args) {
-      if (typeof arg === 'string' && filteredLogs.some((l) => arg.includes(l))) {
-        return false
-      }
-    }
-    return true
-  },
-
-  plugins: [
-    {
-      name: 'mock-api',
-      serve(context) {
-        if (context.path === '/.tmp/test/env.js') {
-          const data = {
-            oauth2: oauth2env,
-          }
-          return `export default ${JSON.stringify(data)}`
-        }
-        return undefined
-      },
-    },
-
-    {
-      name: 'servers',
-      async serverStart() {
-        const port = await getPort({ port: portNumbers(8000, 8100) })
-        const jwtKey = await oauth2server.issuer.keys.generate('RS256')
-        await oauth2server.start(port, 'localhost')
-        oauth2env = {
-          port,
-          jwtKey,
-          issuer: oauth2server.issuer.url,
-        }
-      },
-
-      async serverStop() {
-        await oauth2server.stop()
-      },
-    },
-  ],
-
-  testRunnerHtml: (testFramework) =>
-    `<html class="theme-light">
-    <head>
-      <!-- m3 styles -->
-      <link rel="stylesheet" href="/src/styles/m3/tokens.css" data-theme="tokens" />
-      <link rel="stylesheet" href="/src/styles/m3/theme.css" data-theme="light" />
-    </head>
-    <body>
-      <script type="module" src="${testFramework}"></script>
-    </body>
-  </html>`,
-
-  testFramework: {
-    config: {
-      timeout: 60000,
-    },
-  },
-  browserStartTimeout: 20000,
-  testsStartTimeout: 20000,
-  testsFinishTimeout: 30000,
-
-  coverageConfig: {
-    report: true,
-    reporters: ['lcov', 'text'],
-  },
-})