fix tests

test/css/samples/basic/expected.css

@@ -1,4 +1,4 @@
 
-	div[svelte-281576708], [svelte-281576708] div {
+	div[svelte-2278551596], [svelte-2278551596] div {
 		color: red;
 	}

test/css/samples/cascade-false-global-keyframes/_config.js

@@ -0,0 +1,3 @@
+export default {
+	cascade: false
+};

test/css/samples/cascade-false-global-keyframes/expected.css

@@ -4,10 +4,10 @@
 		100% { color: blue; }
 	}
 
-	[svelte-2486527405].animated, [svelte-2486527405] .animated {
+	.animated[svelte-90785995] {
 		animation: why 2s;
 	}
 
-	[svelte-2486527405].also-animated, [svelte-2486527405] .also-animated {
+	.also-animated[svelte-90785995] {
 		animation: not-defined-here 2s;
 	}

test/css/samples/cascade-false-keyframes/_config.js

@@ -0,0 +1,3 @@
+export default {
+	cascade: false
+};

test/css/samples/cascade-false-keyframes/expected.css

@@ -1,13 +1,13 @@
 
-	@keyframes svelte-776829126-why {
+	@keyframes svelte-1647166666-why {
 		0% { color: red; }
 		100% { color: blue; }
 	}
 
-	[svelte-776829126].animated, [svelte-776829126] .animated {
+	.animated[svelte-1647166666] {
-		animation: svelte-776829126-why 2s;
+		animation: svelte-1647166666-why 2s;
 	}
 
-	[svelte-776829126].also-animated, [svelte-776829126] .also-animated {
+	.also-animated[svelte-1647166666] {
 		animation: not-defined-here 2s;
 	}

test/css/samples/cascade-false-pseudo-element/expected.css

@@ -1,12 +1,12 @@
 
-	span[svelte-583610229]::after {
+	span[svelte-2146001331]::after {
 		content: 'i am a pseudo-element';
 	}
 
-	span[svelte-583610229]:first-child {
+	span[svelte-2146001331]:first-child {
 		color: red;
 	}
 
-	span[svelte-583610229]:last-child::after {
+	span[svelte-2146001331]:last-child::after {
 		color: blue;
 	}

test/css/samples/cascade-false/expected.css

@@ -1,12 +1,12 @@
 
-	div[svelte-4161687011] {
+	div[svelte-781920915] {
 		color: red;
 	}
 
-	div.foo[svelte-4161687011] {
+	div.foo[svelte-781920915] {
 		color: blue;
 	}
 
-	.foo[svelte-4161687011] {
+	.foo[svelte-781920915] {
 		font-weight: bold;
 	}

test/css/samples/keyframes/expected.css

@@ -1,9 +1,9 @@
 
-	@keyframes svelte-4112859982-why {
+	@keyframes svelte-2931302006-why {
 		0% { color: red; }
 		100% { color: blue; }
 	}
 
-	[svelte-4112859982].animated, [svelte-4112859982] .animated {
+	[svelte-2931302006].animated, [svelte-2931302006] .animated {
-		animation: svelte-4112859982-why 2s;
+		animation: svelte-2931302006-why 2s;
 	}

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

@@ -1,6 +1,6 @@
 
 	@media (min-width: 400px) {
-		[svelte-2352010302].large-screen, [svelte-2352010302] .large-screen {
+		[svelte-411199634].large-screen, [svelte-411199634] .large-screen {
 			display: block;
 		}
 	}

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

@@ -145,8 +145,8 @@ var template = (function () {
 
 function add_css () {
 	var style = createElement( 'style' );
-	style.id = "svelte-3842350206-style";
+	style.id = "svelte-3590263702-style";
-	style.textContent = "\n\tp[svelte-3842350206], [svelte-3842350206] p {\n\t\tcolor: red;\n\t}\n";
+	style.textContent = "\n\tp[svelte-3590263702], [svelte-3590263702] p {\n\t\tcolor: red;\n\t}\n";
 	appendNode( style, document.head );
 }
 
@@ -161,7 +161,7 @@ function create_main_fragment ( state, component ) {
 		},
 
 		hydrate: function ( nodes ) {
-			setAttribute( p, 'svelte-3842350206', '' );
+			setAttribute( p, 'svelte-3590263702', '' );
 		},
 
 		mount: function ( target, anchor ) {
@@ -198,7 +198,7 @@ function SvelteComponent ( options ) {
 	this._yield = options._yield;
 
 	this._torndown = false;
-	if ( !document.getElementById( "svelte-3842350206-style" ) ) add_css();
+	if ( !document.getElementById( "svelte-3590263702-style" ) ) add_css();
 
 	this._fragment = create_main_fragment( this._state, this );
 

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

@@ -10,8 +10,8 @@ var template = (function () {
 
 function add_css () {
 	var style = createElement( 'style' );
-	style.id = "svelte-3842350206-style";
+	style.id = "svelte-3590263702-style";
-	style.textContent = "\n\tp[svelte-3842350206], [svelte-3842350206] p {\n\t\tcolor: red;\n\t}\n";
+	style.textContent = "\n\tp[svelte-3590263702], [svelte-3590263702] p {\n\t\tcolor: red;\n\t}\n";
 	appendNode( style, document.head );
 }
 
@@ -26,7 +26,7 @@ function create_main_fragment ( state, component ) {
 		},
 
 		hydrate: function ( nodes ) {
-			setAttribute( p, 'svelte-3842350206', '' );
+			setAttribute( p, 'svelte-3590263702', '' );
 		},
 
 		mount: function ( target, anchor ) {
@@ -63,7 +63,7 @@ function SvelteComponent ( options ) {
 	this._yield = options._yield;
 
 	this._torndown = false;
-	if ( !document.getElementById( "svelte-3842350206-style" ) ) add_css();
+	if ( !document.getElementById( "svelte-3590263702-style" ) ) add_css();
 
 	this._fragment = create_main_fragment( this._state, this );
 

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

@@ -1,14 +1,14 @@
 
-	div[svelte-4188175681], [svelte-4188175681] div {
+	div[svelte-1408461649], [svelte-1408461649] div {
 		color: red;
 	}
 
 
-	div[svelte-146600313], [svelte-146600313] div {
+	div[svelte-54999591], [svelte-54999591] div {
 		color: green;
 	}
 
 
-	div[svelte-1506185237], [svelte-1506185237] div {
+	div[svelte-2385185803], [svelte-2385185803] div {
 		color: blue;
 	}

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

@@ -1,5 +1,5 @@
-<div svelte-4188175681>red</div>
+<div svelte-1408461649>red</div>
-<div svelte-146600313>green: foo</div>
+<div svelte-54999591>green: foo</div>
-<div svelte-1506185237>blue: foo</div>
+<div svelte-2385185803>blue: foo</div>
-<div svelte-146600313>green: bar</div>
+<div svelte-54999591>green: bar</div>
-<div svelte-1506185237>blue: bar</div>
+<div svelte-2385185803>blue: bar</div>

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

@@ -1,11 +1,14 @@
-div[svelte-4188175681], [svelte-4188175681] div {
-	color: red;
-}
 
-div[svelte-146600313], [svelte-146600313] div {
+	div[svelte-1408461649], [svelte-1408461649] div {
-	color: green;
+		color: red;
-}
+	}
 
-div[svelte-1506185237], [svelte-1506185237] div {
+
-	color: blue;
+	div[svelte-54999591], [svelte-54999591] div {
-}
+		color: green;
+	}
+
+
+	div[svelte-2385185803], [svelte-2385185803] div {
+		color: blue;
+	}

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

@@ -1,5 +1,5 @@
-<div svelte-4188175681>red</div>
+<div svelte-1408461649>red</div>
-<div svelte-146600313>green: foo</div>
+<div svelte-54999591>green: foo</div>
-<div svelte-1506185237>blue: foo</div>
+<div svelte-2385185803>blue: foo</div>
-<div svelte-146600313>green: bar</div>
+<div svelte-54999591>green: bar</div>
-<div svelte-1506185237>blue: bar</div>
+<div svelte-2385185803>blue: bar</div>

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

@@ -1,4 +1,4 @@
 
-	div[svelte-281576708], [svelte-281576708] div {
+	div[svelte-2278551596], [svelte-2278551596] div {
 		color: red;
 	}

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

@@ -1 +1 @@
-<div svelte-281576708>red</div>
+<div svelte-2278551596>red</div>

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

@@ -1,3 +1,4 @@
-div[svelte-281576708], [svelte-281576708] div {
+
-	color: red;
+	div[svelte-2278551596], [svelte-2278551596] div {
-}
+		color: red;
+	}

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

@@ -1 +1 @@
-<div svelte-281576708>red</div>
+<div svelte-2278551596>red</div>