add SSR tests

test/ssr/attribute-boolean/_actual.html

@@ -0,0 +1 @@
+<textarea readonly/>

test/ssr/attribute-boolean/_expected.html

@@ -0,0 +1 @@
+<textarea readonly></textarea>

test/ssr/attribute-boolean/main.html

@@ -0,0 +1 @@
+<textarea readonly></textarea>

test/ssr/attribute-dynamic/_actual.html

@@ -0,0 +1 @@
+<div style="font-family: sans-serif; color: aquamarine;">aquamarine sans-serif</div>

test/ssr/attribute-dynamic/_expected.html

@@ -0,0 +1 @@
+<div style='font-family: sans-serif; color: aquamarine;'>aquamarine sans-serif</div>

test/ssr/attribute-dynamic/data.json

@@ -0,0 +1,4 @@
+{
+	"font": "sans-serif",
+	"color": "aquamarine"
+}

test/ssr/attribute-dynamic/main.html

@@ -0,0 +1 @@
+<div style='font-family: {{font}}; color: {{color}};'>{{color}} {{font}}</div>

test/ssr/attribute-static/_actual.html

@@ -0,0 +1 @@
+<div class="foo"/>

test/ssr/attribute-static/_expected.html

@@ -0,0 +1 @@
+<div class='foo'></div>

test/ssr/attribute-static/main.html

@@ -0,0 +1 @@
+<div class='foo'></div>

test/ssr/component-data-dynamic/Widget.html

@@ -0,0 +1,4 @@
+<p>foo: {{foo}}</p>
+<p>baz: {{baz}} ({{typeof baz}})</p>
+<p>qux: {{qux}}</p>
+<p>quux: {{quux}}</p>

test/ssr/component-data-dynamic/_actual.html

@@ -0,0 +1,4 @@
+<div><p>foo: lol</p>
+	 <p>baz: 42 (number)</p>
+	 <p>qux: this is a piece of string</p>
+	 <p>quux: core</p></div>

test/ssr/component-data-dynamic/_expected.html

@@ -0,0 +1,4 @@
+<div><p>foo: lol</p>
+<p>baz: 42 (number)</p>
+<p>qux: this is a piece of string</p>
+<p>quux: core</p></div>

test/ssr/component-data-dynamic/data.json

@@ -0,0 +1,6 @@
+{
+	"bar": "lol",
+	"x": 2,
+	"compound": "piece of",
+	"go": { "deeper": "core" }
+}

test/ssr/component-data-dynamic/main.html

@@ -0,0 +1,11 @@
+<div>
+	<Widget foo='{{bar}}' baz='{{40 + x}}' qux='this is a {{compound}} string' quux='{{go.deeper}}'/>
+</div>
+
+<script>
+	import Widget from './Widget.html';
+
+	export default {
+		components: { Widget }
+	};
+</script>

test/ssr/component-data-empty/Widget.html

@@ -0,0 +1 @@
+<p>foo: '{{foo}}'</p>

test/ssr/component-data-empty/_actual.html

@@ -0,0 +1 @@
+<div><p>foo: ''</p></div>

test/ssr/component-data-empty/_expected.html

@@ -0,0 +1 @@
+<div><p>foo: ''</p></div>

test/ssr/component-data-empty/main.html

@@ -0,0 +1,11 @@
+<div>
+	<Widget foo=''/>
+</div>
+
+<script>
+	import Widget from './Widget.html';
+
+	export default {
+		components: { Widget }
+	};
+</script>

test/ssr/component-data-static/Widget.html

@@ -0,0 +1,2 @@
+<p>foo: {{foo}}</p>
+<p>baz: {{baz}} ({{typeof baz}})</p>

test/ssr/component-data-static/_actual.html

@@ -0,0 +1,2 @@
+<div><p>foo: bar</p>
+	 <p>baz: 42 (number)</p></div>

test/ssr/component-data-static/_expected.html

@@ -0,0 +1,2 @@
+<div><p>foo: bar</p>
+<p>baz: 42 (number)</p></div>

test/ssr/component-data-static/main.html

@@ -0,0 +1,11 @@
+<div>
+	<Widget foo='bar' baz='42'/>
+</div>
+
+<script>
+	import Widget from './Widget.html';
+
+	export default {
+		components: { Widget }
+	};
+</script>

test/ssr/component-yield/Widget.html

@@ -0,0 +1,11 @@
+<p>{{yield}}</p>
+
+<script>
+	export default {
+		data () {
+			return {
+				data: 'this should not appear'
+			};
+		}
+	};
+</script>

test/ssr/component-yield/_actual.html

@@ -0,0 +1 @@
+<div><p>Hello</p></div>

test/ssr/component-yield/_expected.html

@@ -0,0 +1 @@
+<div><p>Hello</p></div>

test/ssr/component-yield/main.html

@@ -0,0 +1,17 @@
+<div>
+	<Widget>{{data}}</Widget>
+</div>
+
+<script>
+	import Widget from './Widget.html';
+
+	export default {
+		components: { Widget },
+
+		data () {
+			return {
+				data: 'Hello'
+			};
+		}
+	};
+</script>

test/ssr/component/Widget.html

@@ -0,0 +1 @@
+<p>i am a widget</p>

test/ssr/component/_actual.html

@@ -0,0 +1 @@
+<div><p>i am a widget</p></div>

test/ssr/component/_expected.html

@@ -0,0 +1 @@
+<div><p>i am a widget</p></div>

test/ssr/component/main.html

@@ -0,0 +1,11 @@
+<div>
+	<Widget/>
+</div>
+
+<script>
+	import Widget from './Widget.html';
+
+	export default {
+		components: { Widget }
+	};
+</script>

test/ssr/computed/_actual.html

@@ -0,0 +1,2 @@
+<p>1 + 2 = 3</p>
+	 <p>3 * 3 = 9</p>

test/ssr/computed/_expected.html

@@ -0,0 +1,2 @@
+<p>1 + 2 = 3</p>
+<p>3 * 3 = 9</p>

test/ssr/computed/data.json

@@ -0,0 +1,4 @@
+{
+	"a": 1,
+	"b": 2
+}

test/ssr/computed/main.html

@@ -0,0 +1,11 @@
+<p>{{a}} + {{b}} = {{c}}</p>
+<p>{{c}} * {{c}} = {{cSquared}}</p>
+
+<script>
+	export default {
+		computed: {
+			c: ( a, b ) => a + b,
+			cSquared: c => c * c
+		}
+	};
+</script>

test/ssr/default-data-override/_actual.html

@@ -0,0 +1 @@
+<p>2</p>

test/ssr/default-data-override/_expected.html

@@ -0,0 +1 @@
+<p>2</p>

test/ssr/default-data-override/data.json

@@ -0,0 +1,3 @@
+{
+	"foo": 2
+}

test/ssr/default-data-override/main.html

@@ -0,0 +1,11 @@
+<p>{{foo}}</p>
+
+<script>
+	export default {
+		data () {
+			return {
+				foo: 1
+			}
+		}
+	};
+</script>

test/ssr/default-data/_actual.html

@@ -0,0 +1 @@
+<p>1</p>

test/ssr/default-data/_expected.html

@@ -0,0 +1 @@
+<p>1</p>

test/ssr/default-data/main.html

@@ -0,0 +1,11 @@
+<p>{{foo}}</p>
+
+<script>
+	export default {
+		data () {
+			return {
+				foo: 1
+			}
+		}
+	};
+</script>

test/ssr/dynamic-text/_actual.html

@@ -0,0 +1 @@
+it works

test/ssr/dynamic-text/_expected.html

@@ -0,0 +1 @@
+it works

test/ssr/dynamic-text/data.json

@@ -0,0 +1,3 @@
+{
+	"foo": "it works"
+}

test/ssr/dynamic-text/main.html

@@ -0,0 +1 @@
+{{foo}}

test/ssr/each-block/_actual.html

@@ -0,0 +1 @@
+<p>1: alligator</p><p>2: beetle</p><p>3: cuckoo</p>

test/ssr/each-block/_expected.html

@@ -0,0 +1 @@
+<p>1: alligator</p><p>2: beetle</p><p>3: cuckoo</p>

test/ssr/each-block/data.json

@@ -0,0 +1,7 @@
+{
+	"animals": [
+		"alligator",
+		"beetle",
+		"cuckoo"
+	]
+}

test/ssr/each-block/main.html

@@ -0,0 +1,3 @@
+{{#each animals as animal, i}}
+	<p>{{i + 1}}: {{animal}}</p>
+{{/each}}

test/ssr/helpers/_actual.html

@@ -0,0 +1 @@
+<p>3</p>

test/ssr/helpers/_expected.html

@@ -0,0 +1 @@
+<p>3</p>

test/ssr/helpers/main.html

@@ -0,0 +1,15 @@
+<p>{{thrice(foo)}}</p>
+
+<script>
+	export default {
+		data () {
+			return {
+				foo: 1
+			}
+		},
+
+		helpers: {
+			thrice: num => 3 * num
+		}
+	};
+</script>

test/ssr/if-block-false/data.json

@@ -0,0 +1,3 @@
+{
+	"foo": false
+}

test/ssr/if-block-false/main.html

@@ -0,0 +1,3 @@
+{{#if foo}}
+	<p>foo is true</p>
+{{/if}}

test/ssr/if-block-true/_actual.html

@@ -0,0 +1 @@
+<p>foo is true</p>

test/ssr/if-block-true/_expected.html

@@ -0,0 +1 @@
+<p>foo is true</p>

test/ssr/if-block-true/data.json

@@ -0,0 +1,3 @@
+{
+	"foo": true
+}

test/ssr/if-block-true/main.html

@@ -0,0 +1,3 @@
+{{#if foo}}
+	<p>foo is true</p>
+{{/if}}

test/ssr/static-div/_actual.html

@@ -0,0 +1 @@
+<div/>

test/ssr/static-div/_expected.html

@@ -0,0 +1 @@
+<div></div>

test/ssr/static-div/main.html

@@ -0,0 +1 @@
+<div></div>

test/ssr/static-text/_actual.html

@@ -0,0 +1 @@
+some text

test/ssr/static-text/_expected.html

@@ -0,0 +1 @@
+some text

test/ssr/static-text/main.html

@@ -0,0 +1 @@
+some text

test/test.js

@@ -62,6 +62,15 @@ function addLineNumbers ( code ) {
 	}).join( '\n' );
 }
 
+function tryToLoadJson ( file ) {
+	try {
+		return JSON.parse( fs.readFileSync( file ) );
+	} catch ( err ) {
+		if ( err.code !== 'ENOENT' ) throw err;
+		return null;
+	}
+}
+
 describe( 'svelte', () => {
 	before( () => {
 		function cleanChildren ( node ) {
@@ -154,15 +163,6 @@ describe( 'svelte', () => {
 	});
 
 	describe( 'validate', () => {
-		function tryToLoadJson ( file ) {
-			try {
-				return JSON.parse( fs.readFileSync( file ) );
-			} catch ( err ) {
-				if ( err.code !== 'ENOENT' ) throw err;
-				return null;
-			}
-		}
-
 		fs.readdirSync( 'test/validator' ).forEach( dir => {
 			if ( dir[0] === '.' ) return;
 
@@ -505,4 +505,29 @@ describe( 'svelte', () => {
 			});
 		});
 	});
+
+	describe( 'ssr', () => {
+		before( () => {
+			require( '../ssr/register' );
+		});
+
+		fs.readdirSync( 'test/ssr' ).forEach( dir => {
+			if ( dir[0] === '.' ) return;
+
+			const solo = exists( `test/ssr/${dir}/solo` );
+
+			( solo ? it.only : it )( dir, () => {
+				const component = require( `./ssr/${dir}/main.html` );
+
+				const expected = fs.readFileSync( `test/ssr/${dir}/_expected.html`, 'utf-8' );
+
+				const data = tryToLoadJson( `test/ssr/${dir}/data.json` );
+				const actual = component.render( data );
+
+				fs.writeFileSync( `test/ssr/${dir}/_actual.html`, actual );
+
+				assert.htmlEqual( actual, expected );
+			});
+		});
+	});
 });