Files
wehub-resource-sync 1b8708893a
Security Scan / tests (push) Has been cancelled
chore: import upstream snapshot with attribution
2026-07-13 13:12:26 +08:00

109 lines
4.0 KiB
JavaScript

import { test, expect } from './coverage-fixtures.js'
test.describe('Traces Settings', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/app/traces')
// Wait for settings panel to load
await expect(page.locator('text=Tracing is')).toBeVisible({ timeout: 10_000 })
})
test('settings panel is visible on page load', async ({ page }) => {
await expect(page.locator('text=Tracing is')).toBeVisible()
})
test('expand and collapse settings', async ({ page }) => {
// The test server starts with tracing enabled, so the panel starts collapsed
const settingsHeader = page.locator('button', { hasText: 'Tracing is' })
// Click to expand
await settingsHeader.click()
await expect(page.locator('text=Enable Tracing')).toBeVisible()
// Click to collapse
await settingsHeader.click()
await expect(page.locator('text=Enable Tracing')).not.toBeVisible()
})
test('toggle tracing on and off', async ({ page }) => {
// Expand settings
const settingsHeader = page.locator('button', { hasText: 'Tracing is' })
await settingsHeader.click()
await expect(page.locator('text=Enable Tracing')).toBeVisible()
// The Toggle component is a <label> wrapping a hidden checkbox.
// Use .first() on the checkbox to target the Enable Tracing toggle
// (it appears before the Enable Backend Logging toggle in the DOM).
const checkbox = page.locator('input[type="checkbox"]').first()
// Initially enabled (server starts with tracing on)
await expect(checkbox).toBeChecked()
// Click the label (parent) to toggle off
await checkbox.locator('..').click()
await expect(checkbox).not.toBeChecked()
// Click again to re-enable
await checkbox.locator('..').click()
await expect(checkbox).toBeChecked()
})
test('set max items value', async ({ page }) => {
// Expand settings
await page.locator('button', { hasText: 'Tracing is' }).click()
await expect(page.locator('text=Enable Tracing')).toBeVisible()
// The Tracing panel has two numeric inputs (Max Items and Max Body Bytes).
// Disambiguate by placeholder so adding a third field later doesn't break this.
const maxItemsInput = page.getByPlaceholder('100')
await maxItemsInput.fill('500')
await expect(maxItemsInput).toHaveValue('500')
})
test('set max body bytes value', async ({ page }) => {
await page.locator('button', { hasText: 'Tracing is' }).click()
await expect(page.locator('text=Enable Tracing')).toBeVisible()
const maxBodyBytesInput = page.getByPlaceholder('65536')
await maxBodyBytesInput.fill('16384')
await expect(maxBodyBytesInput).toHaveValue('16384')
})
test('save shows toast', async ({ page }) => {
// Expand settings
await page.locator('button', { hasText: 'Tracing is' }).click()
// Click save
await page.locator('button', { hasText: 'Save' }).click()
// Verify toast appears
await expect(page.locator('text=Tracing settings saved')).toBeVisible({ timeout: 5_000 })
})
test('panel collapses after save when tracing is enabled', async ({ page }) => {
// Expand settings
await page.locator('button', { hasText: 'Tracing is' }).click()
await expect(page.locator('text=Enable Tracing')).toBeVisible()
// Tracing is already enabled; save
await page.locator('button', { hasText: 'Save' }).click()
// Panel should collapse
await expect(page.locator('text=Enable Tracing')).not.toBeVisible()
})
test('panel stays expanded after save when tracing is off', async ({ page }) => {
// Expand settings
await page.locator('button', { hasText: 'Tracing is' }).click()
await expect(page.locator('text=Enable Tracing')).toBeVisible()
// Toggle tracing off (first checkbox is the Enable Tracing toggle)
await page.locator('input[type="checkbox"]').first().locator('..').click()
// Save
await page.locator('button', { hasText: 'Save' }).click()
// Panel should stay expanded since tracing is now disabled
await expect(page.locator('text=Enable Tracing')).toBeVisible()
})
})