`annotate(.., { body: string })` expects string pre-encoded with base64 on UI and HTML report

[hi-ogawa]

Describe the bug

With following tests:

import { test } from 'vitest';

test('raw string', async ({ annotate }) => {
  await annotate('hello-bad', {
    body: 'hello',
    contentType: 'text/markdown',
  });
});

test('pre-encoded string', async ({ annotate }) => {
  await annotate('hello-good', {
    body: btoa('hello'),
    contentType: 'text/markdown',
  });
});

the annotation downloads button works only for the 2nd one where the body is wrapped with btoa.

The test case is also added in #9632

Reproduction

https://stackblitz.com/edit/vitest-dev-vitest-77ywggo2?file=test%2Frepro.test.ts

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 20.19.1 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.8.2 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    @vitest/ui: beta => 4.1.0-beta.3 
    vite: latest => 7.3.1 
    vitest: beta => 4.1.0-beta.3

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[hi-ogawa]

There is actually a test

vitest/test/cli/test/annotations.test.ts

Line 23 in 5d042c0

await annotate('with base64 body', { body: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/' })

If this is an expected API, the documentation should clarify this better https://main.vitest.dev/api/advanced/artifacts.html#testattachment.