astro/packages/webapi/test/basic.js

import { assert, test } from '../run/test.setup.js'
import { polyfill } from '../mod.js'

test(() => {
	polyfill(globalThis)

	return [
		{
			name: 'Globals exist',
			test() {
				const webAPIs = [
					'AbortController',
					'AbortSignal',
					'Blob',
					'ByteLengthQueuingStrategy',
					'CSSStyleSheet',
					'CountQueuingStrategy',
					'CustomElementRegistry',
					'CustomEvent',
					'DOMException',
					'Document',
					'DocumentFragment',
					'Element',
					'Event',
					'EventTarget',
					'File',
					'FormData',
					'HTMLDocument',
					'HTMLElement',
					'HTMLDivElement',
					'HTMLHeadElement',
					'HTMLHtmlElement',
					'HTMLImageElement',
					'HTMLStyleElement',
					'HTMLTemplateElement',
					'HTMLUnknownElement',
					'Headers',
					'IntersectionObserver',
					'Image',
					'MediaQueryList',
					'MutationObserver',
					'Node',
					'ReadableByteStreamController',
					'ReadableStream',
					'ReadableStreamBYOBReader',
					'ReadableStreamBYOBRequest',
					'ReadableStreamDefaultController',
					'ReadableStreamDefaultReader',
					'Request',
					'Response',
					'ShadowRoot',
					'StyleSheet',
					'TransformStream',
					'WritableStream',
					'WritableStreamDefaultController',
					'WritableStreamDefaultWriter',
					'Window',
					'cancelAnimationFrame',
					'cancelIdleCallback',
					'clearTimeout',
					'fetch',
					'requestAnimationFrame',
					'requestIdleCallback',
					'setTimeout',
				]

				for (const name of webAPIs) {
					assert.equal(typeof globalThis[name], 'function')
				}
			},
		},
		{
			name: 'Constructs an Event',
			test() {
				const e = new Event('test')

				assert.equal(e.type, 'test')
			},
		},
		{
			name: 'Constructs an EventTarget',
			test() {
				const t = new EventTarget()
			},
		},
		{
			name: 'Dispatches an Event on an EventTarget',
			test() {
				const t = new EventTarget()

				let pass = false

				t.addEventListener('test', (event) => {
					pass = true
				})

				const e = new Event('test')

				t.dispatchEvent(e)

				assert.equal(pass, true)
			},
		},
		{
			name: 'Classes extend as expected',
			test() {
				assert.equal(HTMLElement.prototype instanceof Element, true)
				assert.equal(Element.prototype instanceof Node, true)
				assert.equal(Node.prototype instanceof EventTarget, true)
			},
		},
		{
			name: 'DOM Methods have no effect',
			test() {
				const element = document.createElement('div')

				assert.equal(element.innerHTML, '')
				element.innerHTML = 'frozen'
				assert.equal(element.innerHTML, '')

				assert.equal(element.textContent, '')
				element.textContent = 'frozen'
				assert.equal(element.textContent, '')
			},
		},
		{
			name: 'globalThis.window === globalThis',
			test() {
				assert.equal(globalThis.window, globalThis)
			},
		},
		{
			name: 'Relative Indexing Method (String#at)',
			test() {
				assert.equal(typeof String.prototype.at, 'function')
				assert.equal(String.prototype.at.length, 1)

				const example = 'The quick brown fox jumps over the lazy dog.'

				assert.equal(example.at(2), 'e')
				assert.equal(example.at(-2), 'g')
			},
		},
		{
			name: 'Relative Indexing Method (Array#at)',
			test() {
				assert.equal(typeof Array.prototype.at, 'function')
				assert.equal(Array.prototype.at.length, 1)

				const example = [1, 3, 5, 7, 9]

				assert.equal(example.at(1), 3)
				assert.equal(example.at(-1), 9)
			},
		},
		{
			name: 'Relative Indexing Method (TypedArray#at)',
			test() {
				assert.equal(typeof Int8Array.prototype.at, 'function')
				assert.equal(Int8Array.prototype.at.length, 1)

				const example = new Int8Array([1, 3, 5, 7, 9])

				assert.equal(example.at(1), 3)
				assert.equal(example.at(-1), 9)
			},
		},
		{
			name: 'Object.hasOwn',
			test() {
				assert.equal(typeof Object.hasOwn, 'function')
				assert.equal(Object.hasOwn.length, 2)

				const example = {}

				assert.equal(Object.hasOwn(example, 'prop'), false)

				example.prop = 'exists'

				assert.equal(Object.hasOwn(example, 'prop'), true)
			},
		},
		{
			name: 'Promise.any',
			test() {
				assert.equal(typeof Promise.any, 'function')
				assert.equal(Promise.any.length, 1)

				Promise.any([
					Promise.resolve(42),
					Promise.reject(-1),
					Promise.reject(Infinity),
				]).then((result) => {
					assert.equal(result, 42)
				})
			},
		},
		{
			name: 'String#replaceAll',
			test() {
				assert.equal(typeof String.prototype.replaceAll, 'function')
				assert.equal(String.prototype.replaceAll.length, 2)

				const t1 =
					'Of all the sorcerers in Harry Potter, Halo is my favorite sorcerer.'
				const t2 = t1.replaceAll('sorcerer', 'philosopher')
				const t3 =
					'Of all the philosophers in Harry Potter, Halo is my favorite philosopher.'

				assert.equal(t2, t3)
			},
		},
	]
})