Files
ArtPlayer/refactor/fixtures/api.js
T

75 lines
3.7 KiB
JavaScript

/* global Artplayer, artplayerPluginChapter */
(async () => {
const report = { kind: 'public-api', environment: { userAgent: navigator.userAgent }, checks: [], errors: [] }
const check = (name, result) => {
report.checks.push({ name, passed: Boolean(result) })
if (!result) throw new Error(name)
}
function descriptors(object) {
return Object.fromEntries(Object.getOwnPropertyNames(object).sort().map((name) => {
const d = Object.getOwnPropertyDescriptor(object, name)
return [name, {
enumerable: d.enumerable,
configurable: d.configurable,
...(Object.hasOwn(d, 'value') ? { writable: d.writable, type: typeof d.value } : { get: typeof d.get, set: typeof d.set }),
}]
}))
}
function valueOf(input) {
if (typeof input === 'function') return { $function: true }
if (input === undefined) return { $undefined: true }
if (typeof input === 'number' && !Number.isFinite(input)) return { $number: String(input) }
if (Array.isArray(input)) return input.map(valueOf)
if (input && typeof input === 'object') return Object.fromEntries(Object.keys(input).sort().map(key => [key, valueOf(input[key])]))
return input
}
let art
try {
check('published core version', Artplayer.version === '5.4.0')
const defaults = valueOf(Artplayer.option)
art = new Artplayer({ container: '.player', url: '/assets/sample/video.mp4', muted: true, plugins: [artplayerPluginChapter()] })
check('constructor registers exact instance', Artplayer.instances.includes(art))
check('native media element exposed', art.video instanceof HTMLVideoElement)
check('chapter registered synchronously', art.plugins.artplayerPluginChapter?.name === 'artplayerPluginChapter')
const plugin = { name: 'baselineProbe', ping: () => 'pong' }
const added = art.plugins.add(() => plugin)
check('plugins.add returns synchronous registry', added === art.plugins)
check('plugin result methods callable', art.plugins.baselineProbe.ping() === 'pong')
let received = 0
const handler = amount => { received += amount }
check('on is chainable', art.on('baseline:event', handler) === art)
art.emit('baseline:event', 3)
art.off('baseline:event', handler)
art.emit('baseline:event', 7)
check('custom event on/emit/off', received === 3)
const integrations = {}
for (const name of ['template', 'events', 'controls', 'setting', 'contextmenu', 'layers', 'plugins', 'storage', 'subtitle', 'i18n']) {
integrations[name] = { own: descriptors(art[name]), prototype: descriptors(Object.getPrototypeOf(art[name])) }
}
report.snapshot = {
static: descriptors(Artplayer),
prototype: descriptors(Artplayer.prototype),
emitterPrototype: descriptors(Object.getPrototypeOf(Artplayer.prototype)),
defaults,
config: valueOf(Artplayer.config),
utilityDescriptors: descriptors(Artplayer.utils),
instance: descriptors(art),
chapterFactory: descriptors(artplayerPluginChapter),
chapterResult: descriptors(art.plugins.artplayerPluginChapter),
integrations,
}
}
catch (error) {
report.errors.push(error.message)
}
finally {
if (art) {
art.destroy(true)
report.checks.push({ name: 'instance cleanup', passed: !Artplayer.instances.includes(art) })
}
}
const response = await fetch('/reports/api', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(report) })
document.getElementById('status').textContent = response.ok && !report.errors.length && report.checks.every(c => c.passed) ? 'PASS: published API captured' : 'FAIL: inspect report'
document.getElementById('result').textContent = JSON.stringify({ environment: report.environment, checks: report.checks, errors: report.errors }, null, 2)
})()