Chat Test Results

Результаты тест-раннера со сводкой по пройденным и проваленным тестам, наборами и деталями по каждому тесту.

2 failedof 21 tests1.24s

вход с верными учётными данными42ms

отклоняет неверный пароль31ms

ограничивает после 5 попыток180ms

AssertionError: expected 429, got 200
    at Object.<anonymous> (auth.test.ts:84:14)
    at expect (node_modules/vitest/dist/index.js:32:11)

регистрация нового пользователя

отображает сообщение пользователя с выравниванием по правому краю28ms

стримит ответ без мерцания520ms

TypeError: streamdown is not a function
    at ChatResponse (registry/default/ui/chat-response.tsx:9:5)

import {
  ChatTest,
  ChatTestError,
  ChatTestResults,
  ChatTestResultsHeader,
  ChatTestResultsProgress,
  ChatTestResultsSummary,
  ChatTestSuite,
} from "@/components/ui/chat-test-results";

export default function Particle() {
  return (
    <div className="w-full max-w-2xl p-4">
      <ChatTestResults
        summary={{
          passed: 18,
          failed: 2,
          skipped: 1,
          total: 21,
          duration: 1240,
        }}
      >
        <ChatTestResultsHeader>
          <ChatTestResultsSummary />
        </ChatTestResultsHeader>
        <ChatTestResultsProgress />

        <ChatTestSuite
          duration={420}
          name="auth.test.ts"
          stats={{ passed: 6, failed: 1 }}
        >
          <ChatTest
            duration={42}
            name="вход с верными учётными данными"
            status="passed"
          />
          <ChatTest
            duration={31}
            name="отклоняет неверный пароль"
            status="passed"
          />
          <ChatTest
            duration={180}
            name="ограничивает после 5 попыток"
            status="failed"
          >
            <ChatTestError>{`AssertionError: expected 429, got 200
    at Object.<anonymous> (auth.test.ts:84:14)
    at expect (node_modules/vitest/dist/index.js:32:11)`}</ChatTestError>
          </ChatTest>
          <ChatTest name="регистрация нового пользователя" status="skipped" />
        </ChatTestSuite>

        <ChatTestSuite
          duration={820}
          name="chat-message.test.ts"
          stats={{ passed: 12, failed: 1 }}
        >
          <ChatTest
            duration={28}
            name="отображает сообщение пользователя с выравниванием по правому краю"
            status="passed"
          />
          <ChatTest
            duration={520}
            name="стримит ответ без мерцания"
            status="failed"
          >
            <ChatTestError>{`TypeError: streamdown is not a function
    at ChatResponse (registry/default/ui/chat-response.tsx:9:5)`}</ChatTestError>
          </ChatTest>
        </ChatTestSuite>
      </ChatTestResults>
    </div>
  );
}

Установка


pnpm dlx shadcn@latest add @oracul/chat-test-results

Использование

import {
  ChatTest,
  ChatTestError,
  ChatTestResults,
  ChatTestResultsHeader,
  ChatTestResultsProgress,
  ChatTestResultsSummary,
  ChatTestSuite,
} from "@/components/ui/chat-test-results";
 
<ChatTestResults
  summary={{ passed: 18, failed: 2, skipped: 1, total: 21, duration: 1240 }}
>
  <ChatTestResultsHeader>
    <ChatTestResultsSummary />
  </ChatTestResultsHeader>
  <ChatTestResultsProgress />
  <ChatTestSuite name="auth.test.ts" stats={{ passed: 8, failed: 1 }} duration={420}>
    <ChatTest name="signs in with valid credentials" status="passed" duration={120} />
    <ChatTest name="rejects expired token" status="failed">
      <ChatTestError>{"expected 401, got 403"}</ChatTestError>
    </ChatTest>
    <ChatTest name="rate-limits after 5 attempts" status="skipped" />
  </ChatTestSuite>
</ChatTestResults>

Карта компонентов

Компонент	Назначение
`ChatTestResults`	Корень. Принимает `summary: { passed, failed, skipped, total, duration? }`.
`ChatTestResultsSummary`	Автоматически формируемая строка «X провалено из N тестов · длительность».
`ChatTestResultsProgress`	Линейный прогресс по `(passed + failed + skipped) / total`.
`ChatTestSuite`	Сворачиваемая группа (файл или describe). Раскрывается автоматически, если есть `failed > 0`.
`ChatTest`	Отдельный тест. `status: 'passed' \| 'failed' \| 'skipped' \| 'running' \| 'pending'`.
`ChatTestError`	`<pre>` с трейсом ошибки внутри `<ChatTest status="failed">`.

На этой странице

Установка Использование Карта компонентов