Create a basic in-browser test

Gigabyte5671 · Gigabyte5671 · commit d9f0ac4ca8f9 · 2023-05-26T14:44:44.000+12:00
diff --git a/tests/index.html b/tests/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Document</title>
+	<script src="index.js" type="module" defer></script>
+</head>
+<body style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
+	<p>Press <kbd>F12</kbd> to open the console.</p>
+</body>
+</html>
diff --git a/tests/index.js b/tests/index.js
@@ -0,0 +1,38 @@
+import { cssToHtml } from '../dist/index.js';
+
+const input = `
+:root {
+	background: #000;
+}
+* {
+	box-sizing: border-box;
+}
+a {
+	border-radius: 10px;
+}
+button {
+	background-color: red;
+}
+button:hover {
+	background-color: blue;
+}
+@media screen and (max-width: 200px) {}
+#cat + .mouse >span.flea+i {
+	padding: 10px;
+	background-color: red;
+}
+nav    a#logo.icon> img {
+	display: block;
+}
+.pie .pastry.crenelations {
+	background: radial-gradient(circle at center, orange 10%, yellow);
+}
+`;
+
+const output = cssToHtml(input);
+
+console.log('Input:');
+console.log(input);
+console.log('Output:');
+console.log(output);
+	
