get most hydration tests passing

test/custom-elements/index.js

@@ -15,7 +15,7 @@ const page = `
 
 const assert = fs.readFileSync('test/custom-elements/assert.js', 'utf-8');
 
-describe.only('custom-elements', function() {
+describe('custom-elements', function() {
 	this.timeout(10000);
 
 	let svelte;

test/hydration/index.js

@@ -17,7 +17,7 @@ function getName(filename) {
 	return base[0].toUpperCase() + base.slice(1);
 }
 
-describe('hydration', () => {
+describe.only('hydration', () => {
 	before(() => {
 		const svelte = loadSvelte();
 
@@ -48,7 +48,7 @@ describe('hydration', () => {
 			const cwd = path.resolve(`test/hydration/samples/${dir}`);
 
 			compileOptions = config.compileOptions || {};
-			compileOptions.shared = path.resolve('shared.js');
+			compileOptions.shared = path.resolve('internal.js');
 			compileOptions.dev = config.dev;
 			compileOptions.hydrate = true;
 
@@ -60,7 +60,7 @@ describe('hydration', () => {
 				let SvelteComponent;
 
 				try {
-					SvelteComponent = require(`${cwd}/main.html`);
+					SvelteComponent = require(`${cwd}/main.html`).default;
 				} catch (err) {
 					throw err;
 				}
@@ -73,7 +73,7 @@ describe('hydration', () => {
 				const component = new SvelteComponent({
 					target,
 					hydrate: true,
-					data: config.data
+					props: config.props
 				});
 
 				assert.htmlEqual(target.innerHTML, fs.readFileSync(`${cwd}/_after.html`, 'utf-8'));

test/hydration/samples/binding-input/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		name: 'world'
 	},
 

test/hydration/samples/dynamic-text-changed/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		name: 'everybody'
 	},
 

test/hydration/samples/dynamic-text/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		name: 'world'
 	},
 

test/hydration/samples/each-block-arg-clash/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		things: {
 			foo: [
 				'animal',

test/hydration/samples/each-block/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		things: [
 			'animal',
 			'vegetable',

test/hydration/samples/element-attribute-added/_config.js

@@ -1,6 +1,6 @@
 export default {
-	data: {
-		class: 'bar'
+	props: {
+		className: 'bar'
 	},
 
 	snapshot(target) {

test/hydration/samples/element-attribute-added/main.html

@@ -1 +1 @@
-<div class='{class}'></div>
+<div class={className}></div>

test/hydration/samples/element-attribute-changed/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		class: 'bar'
 	},
 

test/hydration/samples/element-attribute-removed/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		class: 'bar'
 	},
 

test/hydration/samples/element-ref/main.html

@@ -1 +1,5 @@
+<script>
+	export let h1;
+</script>
+
 <h1 ref:h1>Hello world!</h1>

test/hydration/samples/event-handler/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		clicked: false
 	},
 

test/hydration/samples/if-block-anchor/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		foo: true,
 		bar: true
 	},

test/hydration/samples/if-block-false/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		foo: false
 	},
 

test/hydration/samples/if-block-update/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		foo: true,
 		bar: false
 	},
@@ -17,7 +17,8 @@ export default {
 
 		assert.equal(p, snapshot.p);
 
-		component.set({ foo: false, bar: true });
+		component.foo = false;
+		component.bar = true;
 		assert.htmlEqual(target.innerHTML, `<p>bar!</p>`);
 	}
 };

test/hydration/samples/if-block/_config.js

@@ -1,5 +1,5 @@
 export default {
-	data: {
+	props: {
 		foo: true
 	},
 

test/hydration/samples/raw/_config.js

@@ -1,7 +1,7 @@
 export default {
 	skip: true, // existing nodes are blown away
 
-	data: {
+	props: {
 		raw: `<p>this is some html</p> <p>and so is this</p>`
 	},