Files
deepseek-harness/apps/web/tests/shell-command-details.e2e.ts
T

108 lines
5.5 KiB
TypeScript

import { fileURLToPath } from 'node:url'
import { chromium } from 'playwright'
import { expect, it } from 'vitest'
import { ToolCallId, createAssistantMessage, createToolResultMessage, createUserMessage } from '@deepseek-ai/dsh-llm'
import { SESSION_FORMAT_VERSION, Session, SessionId } from '@deepseek-ai/dsh-session'
import {
captureStableAria, compareOrRefreshGolden, launchWebScaffold,
seedSession, watchConsole, webSnapshotMode,
} from './scaffold.ts'
import { expandOwningTurnProcess, newEnglishPage } from './support.ts'
import { expectCommandFocusAfterResize, expectSelectableCommandText } from './terminal-command-browser.ts'
const COMMAND = 'node ./scripts/start-worker.mjs --workspace=/tmp/diagnostics/long-workspace-name-for-background-command-details --log-level=debug --trace-tag=background-shell-full-command-selection --include=worker,lifecycle,transport,subscriptions --output=/tmp/diagnostics/background-worker.log'
const ARGS = { command: COMMAND, description: 'Start the diagnostic worker', run_in_background: true }
const OUTPUT = 'started background job bash-1'
const EXPECTED = fileURLToPath(new URL('./expected/shell-command-details/background.expected.md', import.meta.url))
/** A settled background launch acknowledgement rendered from durable call arguments. */
function backgroundFixture(): string {
const session = Session.create(SessionId('shell-command-details-source'))
const callId = ToolCallId('shell-command-details-background')
const args = JSON.stringify(ARGS)
session.append('turn/start', { turn: 1 })
session.append('user/message', createUserMessage({
content: [{ type: 'text', text: 'Start the diagnostic worker in the background.' }],
source: { kind: 'user' },
}), { surfaceOp: 'append' })
session.append('step/start', { turn: 1, step: 1 })
session.append('assistant/message', {
stream: [], turn: 1, step: 1,
message: createAssistantMessage({
content: [{ type: 'tool-call', id: callId, name: 'bash', arguments: args }],
source: { provider: 'deepseek-official', model: 'deepseek-v4-flash' },
}),
}, { surfaceOp: 'append' })
const call = session.append('tool/call', { turn: 1, step: 1, callId, name: 'bash', arguments: args })
session.append('tool/result', {
turn: 1, step: 1,
message: createToolResultMessage({ callId, content: [{ type: 'text', text: OUTPUT }], isError: false }),
}, { surfaceOp: 'append', sourceEventSeqs: [call.seq] })
session.append('step/end', { turn: 1, step: 1 })
session.append('step/start', { turn: 1, step: 2 })
session.append('assistant/message', {
stream: [], turn: 1, step: 2,
message: createAssistantMessage({
content: [{ type: 'text', text: 'Diagnostic worker launched.' }],
source: { provider: 'deepseek-official', model: 'deepseek-v4-flash' },
}),
}, { surfaceOp: 'append' })
session.append('step/end', { turn: 1, step: 2 })
session.append('turn/end', { turn: 1, reason: { kind: 'completed' } })
return [
JSON.stringify({ type: 'session', version: SESSION_FORMAT_VERSION, id: '{{sessionId}}', createdAt: 0, isSeeded: false, delegationDepth: 0 }),
...session.snapshotEvents().map(event => JSON.stringify(event)),
'',
].join('\n')
}
it('expands a background Bash launch to selectable arguments and its original acknowledgement', async () => {
const scaffold = await launchWebScaffold({})
try {
await seedSession(scaffold, backgroundFixture(), 'shell-command-details-browser')
const browser = await chromium.launch()
try {
const page = await newEnglishPage(browser)
const tripwire = watchConsole(page)
await page.goto(scaffold.authenticatedUrl)
await page.locator('[class*="frame"]').waitFor()
const group = page.getByRole('treeitem').first()
await group.waitFor()
await group.click()
await page.getByRole('treeitem').nth(1).click()
const row = page.locator('[data-sample="bash"]').first()
await expandOwningTurnProcess(page, row)
await row.waitFor()
expect(await row.getAttribute('aria-expanded')).toBe('false')
await row.click()
const card = row.locator('..')
const input = card.locator('[data-command-text]')
await input.waitFor()
expect(await input.textContent()).toBe(JSON.stringify(ARGS, null, 2))
expect(await card.getByText(OUTPUT, { exact: true }).count()).toBe(1)
expect(await card.locator('[data-terminal]').count()).toBe(0)
expect(await card.getByRole('button', { name: 'Inspect', exact: true }).count()).toBe(1)
for (const colorScheme of ['light', 'dark'] as const) {
await page.emulateMedia({ colorScheme })
await expect.poll(() => page.locator('body').evaluate(element => element.hasAttribute('data-ds-dark-theme'))).toBe(colorScheme === 'dark')
for (const width of ['', '380px']) {
await card.evaluate((element, value) => { element.style.width = value }, width)
await input.scrollIntoViewIfNeeded()
await expectSelectableCommandText(page, input, COMMAND, 'Command arguments')
await expectCommandFocusAfterResize(card, input)
}
await card.evaluate((element) => { element.style.width = '' })
}
await page.emulateMedia({ colorScheme: null })
await compareOrRefreshGolden(EXPECTED,
await captureStableAria(page, '[data-chat-call-id="shell-command-details-background"]', scaffold.workspaceCwd), webSnapshotMode())
expect(tripwire.pageErrors).toEqual([])
expect(tripwire.warnings).toEqual([])
} finally {
await browser.close()
}
} finally {
await scaffold.close()
}
})