ArtPlayer/test/browser/site-vendor.spec.js

import { createHash } from 'node:crypto'
import fs from 'node:fs'
import { expect, test } from './fixtures.js'

test('mobile vConsole shows logs and upstream site notice texts are served unchanged', async ({ page, request }, testInfo) => {
  await page.route('https://**/*', route => route.fulfill({ status: 200, body: '' }))
  const code = 'window.art = new Artplayer({container:".artplayer-app",url:"/test/pattern.mp4",muted:true}); console.log("site-vendor-verified-message");'
  await page.goto(`/mobile.html?code=${encodeURIComponent(code)}`)
  await page.waitForFunction(() => window.art?.isReady && window.vConsole)
  await page.locator('.art-control-playAndPause').click()
  await expect.poll(() => page.evaluate(() => window.art.currentTime)).toBeGreaterThan(0.2)
  await page.locator('#__vconsole .vc-switch').click()
  await expect(page.locator('#__vconsole').getByText('site-vendor-verified-message', { exact: true })).toBeVisible()
  const manifest = JSON.parse(fs.readFileSync('scripts/site-vendor/manifest.json', 'utf8'))
  const notices = []
  for (const group of manifest.groups) {
    for (const notice of group.notices) {
      const response = await request.get(`/${notice.target.slice('docs/'.length)}`)
      expect(response.status()).toBe(200)
      expect(await response.body()).toEqual(fs.readFileSync(notice.source))
      notices.push({ component: group.name, version: group.version, url: response.url(), sha256: notice.sha256 })
    }
  }
  for (const { path, count } of [
    { path: '/licenses/console/react-pure-render/ATTRIBUTION.md', count: 2 },
    { path: '/licenses/monaco-editor/language-services/ATTRIBUTION.md', count: 12 },
    { path: '/licenses/monaco-editor/core-origins/ATTRIBUTION.md', count: 3 },
    { path: '/licenses/monaco-editor/core-path/ATTRIBUTION.md', count: 1 },
    { path: '/licenses/monaco-editor/core-dom/ATTRIBUTION.md', count: 1 },
    { path: '/licenses/jassub-fonts/ATTRIBUTION.md', count: 4 },
  ]) {
    const attribution = await request.get(path)
    expect(attribution.status()).toBe(200)
    const localLinks = [...(await attribution.text()).matchAll(/\]\((\.\.?\/[^)]+)\)/g)]
    expect(localLinks).toHaveLength(count)
    for (const [, target] of localLinks)
      expect(notices.map(notice => notice.url)).toContain(new URL(target, attribution.url()).href)
  }
  await testInfo.attach('verified-vendor-notices', { contentType: 'application/json', body: JSON.stringify(notices) })
  const provenance = JSON.parse(fs.readFileSync('refactor/baselines/site-codicons-provenance.json', 'utf8'))
  const font = await request.get(`/${provenance.fontPath.slice('docs/'.length)}`)
  expect(font.status()).toBe(200)
  expect(createHash('sha256').update(await font.body()).digest('hex')).toBe(provenance.comparisons[0].fontSha256)
  const index = await request.get('/THIRD_PARTY_NOTICES.md')
  expect(index.status()).toBe(200)
  expect(await index.text()).toContain('Included component: @vscode/codicons 0.0.26')
  expect(await index.text()).toContain('Included component: typescript (Monaco worker) 4.4.4')
  expect(await index.text()).toContain('Included component: dompurify (Monaco core) 2.3.1')
  expect(await index.text()).toContain('Included component: Unicode data (Monaco core) mixed historical inputs: 10.0.0d5, 13.0 drafts, Emoji 13.1')
  expect(await index.text()).toContain('Included component: marked (Monaco core) 3.0.2')
  expect(await index.text()).toContain('Included component: vscode-html-languageservice 4.1.1')
  expect(await index.text()).toContain('Included component: vscode-json-languageservice 4.1.9')
  expect(await index.text()).toContain('Included component: js-beautify (Monaco HTML embedded)')
  expect(await index.text()).toContain('Included component: glob-to-regexp (Monaco JSON fork)')
  expect(await index.text()).toContain('Included component: console-feed 3.2.2')
  expect(await index.text()).toContain('Included component: react-pure-render (shallowequal origin) source commit 729cdbd')
  expect(await index.text()).toContain('Included component: chromium-string-utils')
  expect(await index.text()).toContain('Included component: @babel/runtime (react-inspector embedded) 7.13.10')
  expect(await index.text()).toContain('Included component: regenerator-runtime 0.13.7')
  expect(await index.text()).toContain('Included component: simple-html-tokenizer git-04799f4638ec5ed903a4e5aa6e832269fa59be6b')
  expect(await index.text()).toContain('Included component: replicator (console-feed fork)')
  expect(await index.text()).toContain('Included component: stylis (Emotion fork)')
  expect(await index.text()).toContain('Included component: murmurhash-js (Gary Court)')
  expect(await index.text()).toContain('Included component: murmurhash2 (Austin Appleby)')
  expect(await index.text()).toContain('stackoverflow-custom-stringify answer 48254637 revision 5 (CC BY-SA 4.0)')
  expect(await index.text()).toContain('The identified embedded-source and attribution review is complete for this frozen vendor boundary.')
  await page.evaluate(() => {
    window.vConsole.destroy()
    window.art.destroy()
  })
  await expect(page.locator('#__vconsole')).toHaveCount(0)
})

test('selected JASSUB font URLs preserve bytes and decode with native font loading', async ({ page, request }, testInfo) => {
  await page.goto('/test/player.html?core=published')
  const record = JSON.parse(fs.readFileSync('refactor/baselines/site-font-notices-provenance.json', 'utf8'))
  const results = []
  for (const [index, file] of record.group.files.entries()) {
    const url = `/${file.path.slice('docs/'.length)}`
    const response = await request.get(url)
    expect(response.status()).toBe(200)
    expect(createHash('sha256').update(await response.body()).digest('hex')).toBe(file.sha256)
    const rendered = await page.evaluate(async ({ url, index }) => {
      const family = `notice-font-${index}`
      const font = new FontFace(family, `url(${JSON.stringify(url)})`)
      await font.load()
      document.fonts.add(font)
      try {
        const canvas = document.createElement('canvas')
        canvas.width = 320
        canvas.height = 80
        const context = canvas.getContext('2d')
        context.font = `32px ${family}`
        context.fillText('ArtPlayer ABC 123', 4, 45)
        const pixels = context.getImageData(0, 0, 320, 80).data
        return { status: font.status, inkPixels: pixels.filter((value, offset) => offset % 4 === 3 && value > 0).length, width: context.measureText('ArtPlayer ABC 123').width }
      }
      finally {
        document.fonts.delete(font)
      }
    }, { url, index })
    expect(rendered.status).toBe('loaded')
    expect(rendered.inkPixels).toBeGreaterThan(100)
    expect(rendered.width).toBeGreaterThan(50)
    results.push({ url, sha256: file.sha256, ...rendered })
  }
  await testInfo.attach('selected-font-http-and-native-load', { contentType: 'application/json', body: JSON.stringify(results) })
})