Make sheet with min options

Author: lauriro

dom.js

@@ -111,10 +111,7 @@ var boolAttrs = {
 		this.parentNode.replaceChild(frag, this)
 	},
 	get sheet() {
-		if (this.tagName === "STYLE" || this.tagName === "LINK" && this.rel === "stylesheet" && this.href) return new CSSStyleSheet({
-			href: this.href,
-			ownerNode: this
-		}, this.tagName === "STYLE" && this.textContent)
+		return makeSheet(this)
 	},
 	get style() {
 		return this._style || (this._style = CSSStyleDeclaration(this.getAttribute("style") || ""))
@@ -187,7 +184,7 @@ var boolAttrs = {
 	},
 	toString(min) {
 		return rawTextElements[this.tagName] ? (
-			this.tagName === "STYLE" && (min === true || min && min.css) ? "\n" + this.sheet.toString(min.css || true) + "\n" :
+			this.tagName === "STYLE" && (min === true || min && min.css) ? "\n" + makeSheet(this, min.css || true) + "\n" :
 			this.textContent
 		) : this.childNodes.map(node => node.toString(min)).join("")
 	}
@@ -491,6 +488,14 @@ function getSibling(node, step, type) {
 	return type > 0 ? getElement(silbings, index + step, step, type) : silbings && silbings[index + step] || null
 }
 
+function makeSheet(el, min) {
+	if (el.tagName === "STYLE" || el.tagName === "LINK" && el.rel === "stylesheet" && el.href) return new CSSStyleSheet({
+		href: el.href,
+		ownerNode: el,
+		min
+	}, el.tagName === "STYLE" && el.textContent)
+}
+
 function mergeAttributes(source, target) {
 	if (source && target && source.attributes) {
 		source.attributes.names().forEach(attr => target.setAttribute(attr, source.getAttribute(attr)))

test/css.js

@@ -50,7 +50,14 @@ describe("css.js {0}", describe.env === "browser" ? [["mock", exports], ["native
 		})
 
 		test("color {i} '{1}'", [
-			[ {},              ".a{color:rgb(255 0 153)}.b{color:rgb( 0 1 2 )}", ".a{color:rgb(255 0 153)}\n.b{color:rgb( 0 1 2 )}"],
+			[ ".a{color:rgb(255 0 153)}.b{color:rgb( 0 1 2 )}", ".a{color:rgb(255 0 153)}\n.b{color:rgb( 0 1 2 )}"],
+		], (text, expected, assert) => {
+			const sheet = new CSSStyleSheet()
+			sheet.replaceSync(text)
+			assert.equal(sheet.toString(true), expected).end()
+		})
+
+		test("color {i} '{1}'", [
 			[ { color: true }, ".a{color:rgb(255,0,153)}.b{color:rgb( 0 1 2 )}", ".a{color:#f09}\n.b{color:#000102}"],
 			[ { color: true }, ".a{color:hsl(0 0% 0%)}", ".a{color:#000}"],
 			[ { color: true }, ".a{color:hsl(0 0% 100%)}", ".a{color:#fff}"],

test/parser.js

@@ -87,6 +87,13 @@ describe("parser", () => {
 		assert.end()
 	})
 
+	test("svg void elements", assert => {
+		var document = parser.parseFromString("<svg xmlns='http://www.w3.org/2000/svg'></svg>", "application/xml")
+		document.documentElement.innerHTML = "<path d='m1'></path>"
+		assert.equal(document.toString(true), '<svg xmlns="http://www.w3.org/2000/svg"><path d="m1"/></svg>')
+		assert.end()
+	})
+
 	test("document.title", assert => {
 		var document = parser.parseFromString("<h1>Hi</h1>")
 		assert.equal(document.querySelector("title"), null)