Convert the generator to an async function

Author: Gigabyte5671

src/Generator.ts

@@ -11,7 +11,7 @@ interface Options {
  * @param css The style sheet.
  * @returns An HTML body element containing the generated DOM.
  */
-export function cssToHtml(css: CSSRuleList | string, options: Options = {}): HTMLBodyElement {
+export async function cssToHtml(css: CSSRuleList | string, options: Options = {}): Promise<HTMLBodyElement> {
 	const output = document.createElement('body');
 	const fillerElements = [] as HTMLElement[];
 	function isFillerElement (element: HTMLElement | Element): boolean {

tests/cascading.spec.ts

@@ -20,7 +20,7 @@ test('Cascading', async ({ page }) => {
 	await page.addScriptTag({ path: './dist/Generator.script.js' });
 
 	const result = await page.evaluate(async (css) => {
-		document.body = cssToHtml(css);
+		document.body = await cssToHtml(css);
 		const styleElement = document.createElement('style');
 		styleElement.innerText = css;
 		document.head.append(styleElement);

tests/comma.spec.ts

@@ -17,7 +17,7 @@ test('Comma', async ({ page }) => {
 	await page.addScriptTag({ path: './dist/Generator.script.js' });
 
 	const result = await page.evaluate(async (css) => {
-		document.body = cssToHtml(css);
+		document.body = await cssToHtml(css);
 
 		return document.body.querySelector('h1')?.innerHTML === 'a'
 			&& document.body.querySelector('p.subtitle')?.innerHTML === 'a'

tests/ignored.spec.ts

@@ -27,7 +27,7 @@ test('Ignored', async ({ page }) => {
 	await page.addScriptTag({ path: './dist/Generator.script.js' });
 
 	const result = await page.evaluate(async (css) => {
-		document.body = cssToHtml(css);
+		document.body = await cssToHtml(css);
 
 		const element = document.body.querySelector('div');
 		return element

tests/nth-child.spec.ts

@@ -24,7 +24,7 @@ test('Nth-Child', async ({ page }) => {
 	await page.addScriptTag({ path: './dist/Generator.script.js' });
 
 	const result = await page.evaluate(async (css) => {
-		document.body = cssToHtml(css);
+		document.body = await cssToHtml(css);
 
 		return document.body.querySelectorAll('*').length === 10
 			&& document.body.querySelector('div.first')?.previousElementSibling === null

tests/selector.spec.ts

@@ -25,7 +25,7 @@ test('Selector', async ({ page }) => {
 	await page.addScriptTag({ path: './dist/Generator.script.js' });
 
 	const result = await page.evaluate(async ([css, html]) => {
-		document.body = cssToHtml(css);
+		document.body = await cssToHtml(css);
 		const styleElement = document.createElement('style');
 		styleElement.innerText = css;
 		document.head.append(styleElement);