update more tests

test/css/samples/cascade-false-universal-selector/expected.html

@@ -1 +1 @@
-<div svelte-xyz=""></div>
+<div class="svelte-xyz"></div>

test/css/samples/combinator-child/expected.html

@@ -1 +1 @@
-<div svelte-xyz="" class="test"><div svelte-xyz="">Testing...</div></div>
+<div class="test svelte-xyz"><div class="svelte-xyz">Testing...</div></div>

test/css/samples/descendant-selector-non-top-level-outer/expected.html

@@ -1 +1 @@
-<div><p svelte-xyz=''><span svelte-xyz=''>styled</span></p></div>
+<div><p class="svelte-xyz"><span class="svelte-xyz">styled</span></p></div>

test/css/samples/omit-scoping-attribute-attribute-selector-contains/expected.html

@@ -1,2 +1,2 @@
-<div><p svelte-xyz="" data-foo="foobarbaz">this is styled</p>
+<div><p class="svelte-xyz" data-foo="foobarbaz">this is styled</p>
 	<p data-foo="fooBARbaz">this is unstyled</p></div>

test/css/samples/omit-scoping-attribute-attribute-selector-equals-case-insensitive/expected.html

@@ -1,2 +1,2 @@
-<div><p svelte-xyz="" data-foo="BAR">this is styled</p>
+<div><p class="svelte-xyz" data-foo="BAR">this is styled</p>
 	<p data-foo="BAZ">this is unstyled</p></div>

test/css/samples/omit-scoping-attribute-attribute-selector-equals-dynamic/expected.html

@@ -1,2 +1,2 @@
-<div><p svelte-xyz="" data-foo="whatever">this is styled</p>
+<div><p class="svelte-xyz" data-foo="whatever">this is styled</p>
 	<p data-foo="baz">this is unstyled</p></div>

test/css/samples/omit-scoping-attribute-attribute-selector-equals/expected.html

@@ -1,2 +1,2 @@
-<div><p svelte-xyz="" data-foo="bar">this is styled</p>
+<div><p class="svelte-xyz" data-foo="bar">this is styled</p>
 	<p data-foo="baz">this is unstyled</p></div>

test/css/samples/omit-scoping-attribute-attribute-selector-pipe-equals/expected.html

@@ -1,3 +1,3 @@
-<div><p svelte-xyz="" data-foo="bar">this is styled</p>
+<div><p class="svelte-xyz" data-foo="bar">this is styled</p>
-	<p svelte-xyz="" data-foo="bar-baz">this is styled</p>
+	<p class="svelte-xyz" data-foo="bar-baz">this is styled</p>
 	<p data-foo="baz-bar">this is unstyled</p></div>

test/css/samples/omit-scoping-attribute-attribute-selector-prefix/expected.html

@@ -1,2 +1,2 @@
-<div><p svelte-xyz="" data-foo="barbaz">this is styled</p>
+<div><p class="svelte-xyz" data-foo="barbaz">this is styled</p>
 	<p data-foo="bazbar">this is unstyled</p></div>

test/css/samples/omit-scoping-attribute-attribute-selector-suffix/expected.html

@@ -1,2 +1,2 @@
 <div><p data-foo="barbaz">this is unstyled</p>
-	<p svelte-xyz="" data-foo="bazbar">this is styled</p></div>
+	<p class="svelte-xyz" data-foo="bazbar">this is styled</p></div>

test/css/samples/omit-scoping-attribute-attribute-selector-word-equals/expected.html

@@ -1,2 +1,2 @@
-<div><p svelte-xyz="" data-foo="qux bar">this is styled</p>
+<div><p class="svelte-xyz" data-foo="qux bar">this is styled</p>
 	<p data-foo="qux baz">this is unstyled</p></div>

test/css/samples/omit-scoping-attribute-attribute-selector/expected.html

@@ -1,2 +1,2 @@
-<div><video svelte-xyz autoplay></video>
+<div><video class="svelte-xyz" autoplay></video>
 	<video></video></div>

test/css/samples/omit-scoping-attribute-class-dynamic/expected.html

@@ -1,2 +1,2 @@
-<p svelte-xyz="" class="whatever">this is styled</p>
+<p class="whatever svelte-xyz">this is styled</p>
 <p class="bar">this is unstyled</p>

test/css/samples/omit-scoping-attribute-class-static/expected.html

@@ -1,2 +1,2 @@
-<p svelte-xyz="" class="foo">this is styled</p>
+<p class="foo svelte-xyz">this is styled</p>
 <p class="bar">this is unstyled</p>

test/css/samples/omit-scoping-attribute-descendant-global-inner-class/expected.html

@@ -1 +1 @@
-<div svelte-xyz="" class="foo"></div>
+<div class="foo svelte-xyz"></div>

test/css/samples/omit-scoping-attribute-descendant-global-inner-multiple/expected.html

@@ -1 +1 @@
-<div svelte-xyz=""></div>
+<div class="svelte-xyz"></div>

test/css/samples/omit-scoping-attribute-descendant-global-inner/expected.html

@@ -1 +1 @@
-<div svelte-xyz=""></div>
+<div class="svelte-xyz"></div>

test/css/samples/omit-scoping-attribute-descendant-global-outer-multiple/expected.html

@@ -1 +1 @@
-<p svelte-xyz="">this may or may not be styled</p>
+<p class="svelte-xyz">this may or may not be styled</p>

test/css/samples/omit-scoping-attribute-descendant-global-outer/expected.html

@@ -1 +1 @@
-<p svelte-xyz="">this may or may not be styled</p>
+<p class="svelte-xyz">this may or may not be styled</p>

test/css/samples/omit-scoping-attribute-id/expected.html

@@ -1,2 +1,2 @@
-<div svelte-xyz="" id="foo"></div>
+<div class="svelte-xyz" id="foo"></div>
 <div id="bar"></div>

test/css/samples/omit-scoping-attribute-whitespace-multiple/expected.html

@@ -1 +1 @@
-<div svelte-xyz=""><section><p svelte-xyz="">this is styled</p></section></div>
+<div class="svelte-xyz"><section><p class="svelte-xyz">this is styled</p></section></div>

test/css/samples/omit-scoping-attribute-whitespace/expected.html

@@ -1 +1 @@
-<div svelte-xyz=""><section><p svelte-xyz="">this is styled</p></section></div>
+<div class="svelte-xyz"><section><p class="svelte-xyz">this is styled</p></section></div>

test/css/samples/omit-scoping-attribute/expected.html

@@ -1 +1 @@
-<div><p svelte-xyz="">this is styled</p></div>
+<div><p class="svelte-xyz">this is styled</p></div>

test/css/samples/refs-qualified/expected.html

@@ -1 +1 @@
-<button class="active" svelte-ref-button="" svelte-xyz="">deactivate</button>
+<button svelte-ref-button="" class="active svelte-xyz">deactivate</button>

test/css/samples/refs/expected.html

@@ -1,3 +1,3 @@
-<div svelte-xyz='' svelte-ref-a=''></div>
+<div class="svelte-xyz" svelte-ref-a=''></div>
-<div svelte-xyz='' svelte-ref-b=''></div>
+<div class="svelte-xyz" svelte-ref-b=''></div>
 <div></div>

test/css/samples/unused-selector-leading/expected.html

@@ -1 +1 @@
-<div svelte-xyz="" class="bar"></div>
+<div class="bar svelte-xyz"></div>

test/css/samples/unused-selector-ternary/expected.html

@@ -1 +1 @@
-<div svelte-xyz="" class="active"></div>
+<div class="active svelte-xyz"></div>

test/css/samples/unused-selector/expected.html

@@ -1 +1 @@
-<div svelte-xyz="" class="foo"></div>
+<div class="foo svelte-xyz"></div>

test/js/samples/collapses-text-around-comments/expected-bundle.js

@@ -33,10 +33,6 @@ function createText(data) {
 	return document.createTextNode(data);
 }
 
-function setAttribute(node, attribute, value) {
-	node.setAttribute(attribute, value);
-}
-
 function blankObject() {
 	return Object.create(null);
 }
@@ -198,10 +194,6 @@ function data() {
 	return { foo: 42 }
 }
 
-function encapsulateStyles(node) {
-	setAttribute(node, "svelte-2794052100", "");
-}
-
 function add_css() {
 	var style = createElement("style");
 	style.id = 'svelte-2794052100-style';
@@ -220,7 +212,7 @@ function create_main_fragment(component, state) {
 		},
 
 		h: function hydrate() {
-			encapsulateStyles(p);
+			p.className = "svelte-2794052100";
 		},
 
 		m: function mount(target, anchor) {

test/js/samples/collapses-text-around-comments/expected.js

@@ -1,14 +1,10 @@
 /* generated by Svelte vX.Y.Z */
-import { appendNode, assign, createElement, createText, detachNode, init, insertNode, noop, proto, setAttribute } from "svelte/shared.js";
+import { appendNode, assign, createElement, createText, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
 
 function data() {
 	return { foo: 42 }
 };
 
-function encapsulateStyles(node) {
-	setAttribute(node, "svelte-2794052100", "");
-}
-
 function add_css() {
 	var style = createElement("style");
 	style.id = 'svelte-2794052100-style';
@@ -27,7 +23,7 @@ function create_main_fragment(component, state) {
 		},
 
 		h: function hydrate() {
-			encapsulateStyles(p);
+			p.className = "svelte-2794052100";
 		},
 
 		m: function mount(target, anchor) {

test/js/samples/css-media-query/expected-bundle.js

@@ -29,10 +29,6 @@ function createElement(name) {
 	return document.createElement(name);
 }
 
-function setAttribute(node, attribute, value) {
-	node.setAttribute(attribute, value);
-}
-
 function blankObject() {
 	return Object.create(null);
 }
@@ -190,10 +186,6 @@ var proto = {
 };
 
 /* generated by Svelte vX.Y.Z */
-function encapsulateStyles(node) {
-	setAttribute(node, "svelte-3905933315", "");
-}
-
 function add_css() {
 	var style = createElement("style");
 	style.id = 'svelte-3905933315-style';
@@ -211,7 +203,7 @@ function create_main_fragment(component, state) {
 		},
 
 		h: function hydrate() {
-			encapsulateStyles(div);
+			div.className = "svelte-3905933315";
 		},
 
 		m: function mount(target, anchor) {

test/js/samples/css-media-query/expected.js

@@ -1,9 +1,5 @@
 /* generated by Svelte vX.Y.Z */
-import { appendNode, assign, createElement, detachNode, init, insertNode, noop, proto, setAttribute } from "svelte/shared.js";
+import { appendNode, assign, createElement, detachNode, init, insertNode, noop, proto } from "svelte/shared.js";
-
-function encapsulateStyles(node) {
-	setAttribute(node, "svelte-3905933315", "");
-}
 
 function add_css() {
 	var style = createElement("style");
@@ -22,7 +18,7 @@ function create_main_fragment(component, state) {
 		},
 
 		h: function hydrate() {
-			encapsulateStyles(div);
+			div.className = "svelte-3905933315";
 		},
 
 		m: function mount(target, anchor) {

test/server-side-rendering/samples/styles-nested/_actual.html

@@ -1,8 +1,8 @@
-<div svelte-724714405>red</div>
+<div class="svelte-724714405">red</div>
-<div svelte-300476157>green: foo</div>
+<div class="svelte-300476157">green: foo</div>
 
 
 
-<div svelte-300476157>green: bar</div>
+<div class="svelte-300476157">green: bar</div>
 
 

test/server-side-rendering/samples/styles-nested/_expected.html

@@ -1,8 +1,8 @@
-<div svelte-724714405>red</div>
+<div class="svelte-724714405">red</div>
-<div svelte-300476157>green: foo</div>
+<div class="svelte-300476157">green: foo</div>
 
 
 
-<div svelte-300476157>green: bar</div>
+<div class="svelte-300476157">green: bar</div>
 
 

test/server-side-rendering/samples/styles/_actual.html

@@ -1 +1 @@
-<div svelte-724714405>red</div>
+<div class="svelte-724714405">red</div>

test/server-side-rendering/samples/styles/_expected.html

@@ -1 +1 @@
-<div svelte-724714405>red</div>
+<div class="svelte-724714405">red</div>