fix all tests but one

packages/svelte/tests/html_equal.js

@@ -32,7 +32,13 @@ function clean_children(node, opts) {
 			return;
 		}
 
-		node.setAttribute(attr.name, attr.value);
+		let value = attr.value;
+
+		if (attr.name === 'class') {
+			value = value.replace(/svelte-\w+/, 'svelte-xyz123');
+		}
+
+		node.setAttribute(attr.name, value);
 	});
 
 	for (let child of [...node.childNodes]) {

packages/svelte/tests/runtime-browser/assert.js

@@ -74,6 +74,7 @@ function normalize_html(window, html) {
 		node.innerHTML = html
 			.replace(/<!--.*?-->/g, '')
 			.replace(/>[\s\r\n]+</g, '><')
+			.replace(/svelte-\w+/g, 'svelte-xyz123')
 			.trim();
 
 		normalize_children(node);

packages/svelte/tests/runtime-legacy/samples/attribute-null-classname-with-style/_config.js

@@ -1,43 +1,43 @@
 import { ok, test } from '../../test';
 
 export default test({
-	html: '<div class="svelte-x1o6ra"></div>',
+	html: '<div class="svelte-1bl4vl5"></div>',
 
 	test({ assert, component, target }) {
 		const div = target.querySelector('div');
 		ok(div);
 
 		component.testName = null;
-		assert.equal(div.className, 'svelte-x1o6ra');
+		assert.equal(div.className, 'svelte-1bl4vl5');
 
 		component.testName = undefined;
-		assert.equal(div.className, 'svelte-x1o6ra');
+		assert.equal(div.className, 'svelte-1bl4vl5');
 
 		component.testName = undefined + '';
-		assert.equal(div.className, 'undefined svelte-x1o6ra');
+		assert.equal(div.className, 'undefined svelte-1bl4vl5');
 
 		component.testName = null + '';
-		assert.equal(div.className, 'null svelte-x1o6ra');
+		assert.equal(div.className, 'null svelte-1bl4vl5');
 
 		component.testName = 1;
-		assert.equal(div.className, '1 svelte-x1o6ra');
+		assert.equal(div.className, '1 svelte-1bl4vl5');
 
 		component.testName = 0;
-		assert.equal(div.className, '0 svelte-x1o6ra');
+		assert.equal(div.className, '0 svelte-1bl4vl5');
 
 		component.testName = false;
-		assert.equal(div.className, 'false svelte-x1o6ra');
+		assert.equal(div.className, 'false svelte-1bl4vl5');
 
 		component.testName = true;
-		assert.equal(div.className, 'true svelte-x1o6ra');
+		assert.equal(div.className, 'true svelte-1bl4vl5');
 
 		component.testName = {};
-		assert.equal(div.className, 'svelte-x1o6ra');
+		assert.equal(div.className, 'svelte-1bl4vl5');
 
 		component.testName = '';
-		assert.equal(div.className, 'svelte-x1o6ra');
+		assert.equal(div.className, 'svelte-1bl4vl5');
 
 		component.testName = 'testClassName';
-		assert.equal(div.className, 'testClassName svelte-x1o6ra');
+		assert.equal(div.className, 'testClassName svelte-1bl4vl5');
 	}
 });

packages/svelte/tests/runtime-legacy/samples/attribute-null-classnames-with-style/_config.js

@@ -10,43 +10,43 @@ export default test({
 		};
 	},
 
-	html: '<div class="test1test2 svelte-x1o6ra"></div>',
+	html: '<div class="test1test2 svelte-phrtam"></div>',
 
 	test({ assert, component, target }) {
 		const div = target.querySelector('div');
 		ok(div);
-		assert.equal(div.className, 'test1test2 svelte-x1o6ra');
+		assert.equal(div.className, 'test1test2 svelte-phrtam');
 
 		component.testName1 = null;
 		component.testName2 = null;
-		assert.equal(div.className, '0 svelte-x1o6ra');
+		assert.equal(div.className, '0 svelte-phrtam');
 
 		component.testName1 = null;
 		component.testName2 = 'test';
-		assert.equal(div.className, 'nulltest svelte-x1o6ra');
+		assert.equal(div.className, 'nulltest svelte-phrtam');
 
 		component.testName1 = undefined;
 		component.testName2 = 'test';
-		assert.equal(div.className, 'undefinedtest svelte-x1o6ra');
+		assert.equal(div.className, 'undefinedtest svelte-phrtam');
 
 		component.testName1 = undefined;
 		component.testName2 = undefined;
-		assert.equal(div.className, 'NaN svelte-x1o6ra');
+		assert.equal(div.className, 'NaN svelte-phrtam');
 
 		component.testName1 = null;
 		component.testName2 = 1;
-		assert.equal(div.className, '1 svelte-x1o6ra');
+		assert.equal(div.className, '1 svelte-phrtam');
 
 		component.testName1 = undefined;
 		component.testName2 = 1;
-		assert.equal(div.className, 'NaN svelte-x1o6ra');
+		assert.equal(div.className, 'NaN svelte-phrtam');
 
 		component.testName1 = null;
 		component.testName2 = 0;
-		assert.equal(div.className, '0 svelte-x1o6ra');
+		assert.equal(div.className, '0 svelte-phrtam');
 
 		component.testName1 = undefined;
 		component.testName2 = 0;
-		assert.equal(div.className, 'NaN svelte-x1o6ra');
+		assert.equal(div.className, 'NaN svelte-phrtam');
 	}
 });

packages/svelte/tests/runtime-legacy/samples/attribute-null-func-classname-with-style/_config.js

@@ -8,41 +8,41 @@ export default test({
 		};
 	},
 
-	html: '<div class="testClassName svelte-x1o6ra"></div>',
+	html: '<div class="testClassName svelte-zab9z2"></div>',
 
 	test({ assert, component, target }) {
 		const div = target.querySelector('div');
 		ok(div);
-		assert.equal(div.className, 'testClassName svelte-x1o6ra');
+		assert.equal(div.className, 'testClassName svelte-zab9z2');
 
 		component.testName = null;
-		assert.equal(div.className, 'svelte-x1o6ra');
+		assert.equal(div.className, 'svelte-zab9z2');
 
 		component.testName = undefined;
-		assert.equal(div.className, 'svelte-x1o6ra');
+		assert.equal(div.className, 'svelte-zab9z2');
 
 		component.testName = undefined + '';
-		assert.equal(div.className, 'undefined svelte-x1o6ra');
+		assert.equal(div.className, 'undefined svelte-zab9z2');
 
 		component.testName = null + '';
-		assert.equal(div.className, 'null svelte-x1o6ra');
+		assert.equal(div.className, 'null svelte-zab9z2');
 
 		component.testName = 1;
-		assert.equal(div.className, '1 svelte-x1o6ra');
+		assert.equal(div.className, '1 svelte-zab9z2');
 
 		component.testName = 0;
-		assert.equal(div.className, '0 svelte-x1o6ra');
+		assert.equal(div.className, '0 svelte-zab9z2');
 
 		component.testName = false;
-		assert.equal(div.className, 'false svelte-x1o6ra');
+		assert.equal(div.className, 'false svelte-zab9z2');
 
 		component.testName = true;
-		assert.equal(div.className, 'true svelte-x1o6ra');
+		assert.equal(div.className, 'true svelte-zab9z2');
 
 		component.testName = {};
-		assert.equal(div.className, 'svelte-x1o6ra');
+		assert.equal(div.className, 'svelte-zab9z2');
 
 		component.testName = '';
-		assert.equal(div.className, 'svelte-x1o6ra');
+		assert.equal(div.className, 'svelte-zab9z2');
 	}
 });

packages/svelte/tests/runtime-legacy/samples/attribute-null-func-classnames-with-style/_config.js

@@ -10,43 +10,43 @@ export default test({
 		};
 	},
 
-	html: '<div class="test1test2 svelte-x1o6ra"></div>',
+	html: '<div class="test1test2 svelte-1i4vvar"></div>',
 
 	async test({ assert, component, target }) {
 		const div = target.querySelector('div');
 		ok(div);
-		assert.equal(div.className, 'test1test2 svelte-x1o6ra');
+		assert.equal(div.className, 'test1test2 svelte-1i4vvar');
 
 		component.testName1 = null;
 		component.testName2 = null;
-		assert.equal(div.className, '0 svelte-x1o6ra');
+		assert.equal(div.className, '0 svelte-1i4vvar');
 
 		component.testName1 = null;
 		component.testName2 = 'test';
-		assert.equal(div.className, 'nulltest svelte-x1o6ra');
+		assert.equal(div.className, 'nulltest svelte-1i4vvar');
 
 		component.testName1 = undefined;
 		component.testName2 = 'test';
-		assert.equal(div.className, 'undefinedtest svelte-x1o6ra');
+		assert.equal(div.className, 'undefinedtest svelte-1i4vvar');
 
 		component.testName1 = undefined;
 		component.testName2 = undefined;
-		assert.equal(div.className, 'NaN svelte-x1o6ra');
+		assert.equal(div.className, 'NaN svelte-1i4vvar');
 
 		component.testName1 = null;
 		component.testName2 = 1;
-		assert.equal(div.className, '1 svelte-x1o6ra');
+		assert.equal(div.className, '1 svelte-1i4vvar');
 
 		component.testName1 = undefined;
 		component.testName2 = 1;
-		assert.equal(div.className, 'NaN svelte-x1o6ra');
+		assert.equal(div.className, 'NaN svelte-1i4vvar');
 
 		component.testName1 = null;
 		component.testName2 = 0;
-		assert.equal(div.className, '0 svelte-x1o6ra');
+		assert.equal(div.className, '0 svelte-1i4vvar');
 
 		component.testName1 = undefined;
 		component.testName2 = 0;
-		assert.equal(div.className, 'NaN svelte-x1o6ra');
+		assert.equal(div.className, 'NaN svelte-1i4vvar');
 	}
 });

packages/svelte/tests/runtime-runes/samples/custom-element-svelte-class/_config.js

@@ -3,7 +3,7 @@ import { test } from '../../test';
 export default test({
 	async test({ assert, target, logs }) {
 		const [my_element, my_element_1] = target.querySelectorAll('my-element');
-		assert.equal(my_element.classList.contains('svelte-1koh33s'), true);
-		assert.equal(my_element_1.classList.contains('svelte-1koh33s'), true);
+		assert.equal(my_element.classList.contains('svelte-1dwmud9'), true);
+		assert.equal(my_element_1.classList.contains('svelte-1dwmud9'), true);
 	}
 });

packages/svelte/tests/runtime-runes/samples/svelte-element-custom-element-css-hash/_config.js

@@ -1,14 +1,14 @@
 import { ok, test } from '../../test';
 
 export default test({
-	html: `<custom-element class="red svelte-p153w3"></custom-element><custom-element class="red svelte-p153w3"></custom-element>`,
+	html: `<custom-element class="red svelte-2z630"></custom-element><custom-element class="red svelte-2z630"></custom-element>`,
 
 	async test({ assert, target }) {
 		const [el, el2] = target.querySelectorAll('custom-element');
 		ok(el);
 		ok(el2);
 
-		assert.deepEqual(el.className, 'red svelte-p153w3');
-		assert.deepEqual(el2.className, 'red svelte-p153w3');
+		assert.deepEqual(el.className, 'red svelte-2z630');
+		assert.deepEqual(el2.className, 'red svelte-2z630');
 	}
 });

packages/svelte/tests/server-side-rendering/samples/css-injected-options-minify/_expected.html

@@ -1 +1 @@
-<!--[--><div class="foo svelte-gfnjhw">foo</div><!--]-->
+<!--[--><div class="foo svelte-lxrhue">foo</div><!--]-->

packages/svelte/tests/server-side-rendering/samples/css-injected-options-minify/_expected_head.html

@@ -1 +1 @@
-<style id="svelte-gfnjhw">.foo.svelte-gfnjhw {color:green;}.foo.svelte-gfnjhw {color:green;} .foo.svelte-gfnjhw {color:green;}.foo.svelte-gfnjhw, .foo.svelte-gfnjhw {color:green;}</style>
+<style id="svelte-lxrhue">.foo.svelte-lxrhue {color:green;}.foo.svelte-lxrhue {color:green;} .foo.svelte-lxrhue {color:green;}.foo.svelte-lxrhue, .foo.svelte-lxrhue {color:green;}</style>

packages/svelte/tests/server-side-rendering/samples/css-injected-options-nested/_expected.css

@@ -1,4 +1,4 @@
 
-.foo.svelte-sg04hs {
+.foo.svelte-djbl57 {
 	color: red;
 }

packages/svelte/tests/server-side-rendering/samples/css-injected-options-nested/_expected.html

@@ -1 +1 @@
-<!--[--><div class="bar svelte-ievf05">bar</div><!----> <div class="foo svelte-sg04hs">foo</div><!--]-->
+<!--[--><div class="bar svelte-djbl57">bar</div><!----> <div class="foo svelte-sg04hs">foo</div><!--]-->

packages/svelte/tests/server-side-rendering/samples/css-injected-options-nested/_expected_head.html

@@ -1 +1 @@
-<style id="svelte-ievf05">.bar.svelte-ievf05 {color:red;}</style>
+<style id="svelte-djbl57">.bar.svelte-djbl57 {color:red;}</style>

packages/svelte/tests/server-side-rendering/samples/css-injected-options/_expected.css

@@ -1,4 +1,4 @@
 
-	.foo.svelte-sg04hs {
+	.foo.svelte-y58i7t {
 		color: red;
 	}

packages/svelte/tests/server-side-rendering/samples/css-injected-options/_expected.html

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

packages/svelte/tests/server-side-rendering/samples/css-injected-options/_expected_head.html

@@ -1 +1 @@
-<style id="svelte-sg04hs">.foo.svelte-sg04hs {color:red;}</style>
+<style id="svelte-y58i7t">.foo.svelte-y58i7t {color:red;}</style>

packages/svelte/tests/server-side-rendering/samples/css/_expected.css

@@ -1,4 +1,4 @@
 
-	.foo.svelte-sg04hs {
+	.foo.svelte-k6fc61 {
 		color: red;
 	}

packages/svelte/tests/server-side-rendering/samples/css/_expected.html

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

packages/svelte/tests/server-side-rendering/samples/css/_expected_head.html

@@ -1 +1 @@
-<style id="svelte-sg04hs">.foo.svelte-sg04hs {color:red;}</style>
+<style id="svelte-k6fc61">.foo.svelte-k6fc61 {color:red;}</style>

packages/svelte/tests/sourcemaps/samples/attached-sourcemap/_config.js

@@ -57,7 +57,7 @@ export default test({
 		{ str: 'replace_me_script', strGenerated: 'done_replace_script_2' },
 		{ str: 'done_replace_script_2', idxGenerated: 1 }
 	],
-	css: [{ str: '.replace_me_style', strGenerated: '.done_replace_style_2.svelte-o6vre' }],
+	css: [{ str: '.replace_me_style', strGenerated: '.done_replace_style_2.svelte-fk9pdp' }],
 	test({ assert, code_preprocessed, code_css }) {
 		assert.equal(
 			code_preprocessed.includes('\n/*# sourceMappingURL=data:application/json;base64,'),

packages/svelte/tests/sourcemaps/samples/css/_config.js

@@ -1,5 +1,5 @@
 import { test } from '../../test';
 
 export default test({
-	css: [{ str: '.foo', strGenerated: '.foo.svelte-sg04hs' }]
+	css: [{ str: '.foo', strGenerated: '.foo.svelte-rfm9n0' }]
 });