From 80f744668572221c9e62d7bd7807f0aeab4131ec Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Wed, 14 Nov 2018 13:58:05 -0500
Subject: [PATCH] replace component.set calls with assignments

---
 .../attribute-dynamic-reserved/_config.js     |  2 +-
 .../attribute-dynamic-shorthand/_config.js    |  2 +-
 .../samples/attribute-dynamic-type/_config.js |  2 +-
 .../samples/attribute-dynamic/_config.js      |  2 +-
 .../attribute-prefer-expression/_config.js    |  2 +-
 test/runtime/samples/autofocus/_config.js     |  2 +-
 .../samples/await-set-simultaneous/_config.js |  4 ++--
 .../await-then-catch-anchor/_config.js        |  4 +---
 .../samples/await-then-catch-event/_config.js |  2 +-
 .../samples/await-then-catch-if/_config.js    |  8 ++-----
 .../await-then-catch-in-slot/_config.js       |  4 +---
 .../await-then-catch-multiple/_config.js      |  4 +---
 .../await-then-catch-no-values/_config.js     |  4 +---
 .../await-then-catch-non-promise/_config.js   |  4 +---
 .../await-then-catch-static/_config.js        |  4 +---
 .../samples/await-then-catch/_config.js       |  4 +---
 .../samples/await-then-shorthand/_config.js   |  4 +---
 .../_config.js                                |  2 +-
 .../_config.js                                |  2 +-
 .../binding-input-checkbox-group/_config.js   |  2 +-
 .../_config.js                                |  2 +-
 .../_config.js                                |  2 +-
 .../samples/binding-input-checkbox/_config.js |  2 +-
 .../samples/binding-input-number/_config.js   |  2 +-
 .../binding-input-radio-group/_config.js      |  2 +-
 .../binding-input-range-change/_config.js     |  2 +-
 .../samples/binding-input-range/_config.js    |  2 +-
 .../binding-input-text-contextual/_config.js  |  2 +-
 .../_config.js                                |  2 +-
 .../_config.js                                |  4 ++--
 .../_config.js                                |  2 +-
 .../_config.js                                |  4 ++--
 .../_config.js                                |  2 +-
 .../binding-input-text-deep/_config.js        |  2 +-
 .../samples/binding-input-text/_config.js     |  2 +-
 .../samples/binding-select-late/_config.js    |  6 ++---
 .../binding-select-multiple/_config.js        |  2 +-
 .../runtime/samples/binding-select/_config.js |  2 +-
 .../samples/binding-textarea/_config.js       |  2 +-
 test/runtime/samples/class-helper/_config.js  |  2 +-
 test/runtime/samples/class-in-each/_config.js |  2 +-
 .../class-shortcut-with-class/_config.js      |  2 +-
 .../runtime/samples/class-shortcut/_config.js |  2 +-
 .../class-with-dynamic-attribute/_config.js   |  2 +-
 .../component-binding-blowback/_config.js     |  2 +-
 .../component-binding-computed/_config.js     | 10 ++++-----
 .../_config.js                                |  2 +-
 .../component-binding-conditional/_config.js  |  2 +-
 .../component-binding-deep-b/_config.js       |  2 +-
 .../component-binding-each-object/_config.js  | 10 ++++-----
 .../component-data-dynamic-late/_config.js    |  4 ++--
 .../_config.js                                |  4 +---
 .../samples/component-data-dynamic/_config.js | 10 ++++-----
 .../component-event-not-stale/_config.js      |  2 +-
 .../samples/component-events/_config.js       |  6 ++---
 .../samples/component-if-placement/_config.js |  2 +-
 .../component-name-deconflicted/_config.js    |  4 +---
 .../component-nested-deeper/_config.js        |  2 +-
 .../component-slot-each-block/_config.js      |  2 +-
 .../_config.js                                |  2 +-
 .../component-slot-if-block/_config.js        |  2 +-
 .../_config.js                                |  2 +-
 .../samples/component-yield-if/_config.js     |  4 ++--
 .../_config.js                                |  4 +---
 .../component-yield-multiple-in-if/_config.js |  2 +-
 .../component-yield-nested-if/_config.js      |  4 ++--
 .../samples/component-yield-parent/_config.js |  2 +-
 .../samples/component-yield-static/_config.js |  2 +-
 .../samples/computed-function/_config.js      |  6 ++---
 .../computed-values-deconflicted/_config.js   |  2 +-
 .../computed-values-default/_config.js        |  2 +-
 .../_config.js                                |  2 +-
 .../samples/computed-values/_config.js        |  2 +-
 .../deconflict-elements-indexes/_config.js    |  2 +-
 .../samples/default-data-function/_config.js  |  2 +-
 .../dev-warning-readonly-computed/_config.js  |  2 +-
 .../_config.js                                |  2 +-
 .../_config.js                                | 12 ++++------
 .../_config.js                                | 10 +++------
 .../dynamic-component-bindings/_config.js     |  4 +---
 .../dynamic-component-destroy-null/_config.js |  4 +---
 .../dynamic-component-events/_config.js       |  4 +---
 .../dynamic-component-in-if/_config.js        |  4 +---
 .../_config.js                                |  4 +---
 .../dynamic-component-nulled-out/_config.js   |  4 ++--
 .../samples/dynamic-component-slot/_config.js |  4 +---
 .../_config.js                                |  4 +---
 .../samples/dynamic-component/_config.js      |  4 +---
 .../_config.js                                | 10 +++------
 .../each-block-containing-if/_config.js       |  2 +-
 .../_config.js                                |  2 +-
 .../each-block-destructured-array/_config.js  |  2 +-
 .../_config.js                                |  2 +-
 .../each-block-destructured-object/_config.js |  4 +---
 .../each-block-dynamic-else-static/_config.js |  8 +++----
 .../each-block-else-starts-empty/_config.js   |  2 +-
 .../samples/each-block-else/_config.js        |  6 ++---
 .../samples/each-block-empty-outro/_config.js |  2 +-
 .../samples/each-block-in-if-block/_config.js |  2 +-
 .../samples/each-block-index-only/_config.js  |  4 +---
 .../each-block-keyed-dynamic/_config.js       | 10 ++++-----
 .../each-block-keyed-non-prop/_config.js      |  4 +---
 .../_config.js                                |  2 +-
 .../each-block-keyed-siblings/_config.js      |  4 +---
 .../each-block-keyed-unshift/_config.js       |  4 +---
 .../samples/each-block-keyed/_config.js       |  8 +++----
 .../each-block-random-permute/_config.js      |  2 +-
 .../samples/each-block-static/_config.js      |  2 +-
 .../samples/each-block-text-node/_config.js   |  4 ++--
 test/runtime/samples/each-block/_config.js    |  4 ++--
 .../event-handler-each-context/_config.js     |  2 +-
 .../samples/event-handler-removal/_config.js  |  4 ++--
 .../samples/function-in-expression/_config.js |  4 +---
 .../globals-not-dereferenced/_config.js       |  2 +-
 .../globals-shadowed-by-data/_config.js       |  2 +-
 .../globals-shadowed-by-helpers/_config.js    |  2 +-
 test/runtime/samples/head-if-block/_config.js |  2 +-
 .../samples/head-title-dynamic/_config.js     |  2 +-
 test/runtime/samples/hello-world/_config.js   |  2 +-
 .../_config.js                                |  2 +-
 .../if-block-else-partial-outro/_config.js    |  2 +-
 test/runtime/samples/if-block-else/_config.js |  6 ++---
 .../if-block-elseif-no-else/_config.js        |  4 ++--
 .../samples/if-block-elseif-text/_config.js   |  4 ++--
 .../samples/if-block-elseif/_config.js        |  4 ++--
 .../runtime/samples/if-block-first/_config.js |  2 +-
 .../_config.js                                |  2 +-
 test/runtime/samples/if-block-or/_config.js   |  4 ++--
 .../if-block-outro-nested-else/_config.js     |  2 +-
 .../samples/if-block-widget/_config.js        |  4 ++--
 test/runtime/samples/if-block/_config.js      |  4 ++--
 .../_config.js                                |  8 ++++---
 .../ignore-unchanged-attribute/_config.js     |  8 ++++---
 .../samples/ignore-unchanged-raw/_config.js   |  8 ++++---
 .../samples/ignore-unchanged-tag/_config.js   |  8 ++++---
 .../runtime/samples/immutable-root/_config.js |  4 ++--
 .../samples/inline-expressions/_config.js     |  3 ++-
 .../samples/names-deconflicted/_config.js     | 10 ++++-----
 .../nested-transition-detach-each/_config.js  |  4 ++--
 .../_config.js                                |  2 +-
 .../_config.js                                |  2 +-
 .../samples/observe-deferred/_config.js       |  2 +-
 .../samples/observe-prevents-loop/_config.js  |  4 ++--
 .../ondestroy-before-cleanup/_config.js       |  2 +-
 .../onrender-fires-when-ready/_config.js      |  2 +-
 test/runtime/samples/onstate-event/_config.js |  6 ++---
 test/runtime/samples/onstate/_config.js       |  2 +-
 test/runtime/samples/onupdate/_config.js      |  2 +-
 .../samples/option-without-select/_config.js  |  2 +-
 .../samples/raw-anchor-first-child/_config.js |  4 +---
 .../raw-anchor-first-last-child/_config.js    |  4 +---
 .../samples/raw-anchor-last-child/_config.js  |  4 +---
 .../_config.js                                |  4 +---
 .../raw-anchor-next-sibling/_config.js        |  4 +---
 .../raw-anchor-previous-sibling/_config.js    |  4 +---
 .../raw-mustaches-preserved/_config.js        |  2 +-
 test/runtime/samples/raw-mustaches/_config.js |  4 ++--
 test/runtime/samples/refs-unset/_config.js    |  4 ++--
 .../samples/select-bind-array/_config.js      |  2 +-
 .../select-one-way-bind-object/_config.js     |  2 +-
 .../samples/select-one-way-bind/_config.js    |  2 +-
 .../samples/set-after-destroy/_config.js      |  2 +-
 .../samples/set-in-ondestroy/_config.js       |  2 +-
 .../set-in-onstate-dedupes-renders/_config.js |  2 +-
 .../runtime/samples/set-in-onstate/_config.js |  2 +-
 .../samples/set-null-text-node/_config.js     |  4 ++--
 .../_config.js                                |  8 +++----
 .../spread-component-dynamic/_config.js       |  8 +++----
 .../_config.js                                |  2 +-
 .../samples/spread-component/_config.js       | 14 +++++-------
 .../samples/spread-each-component/_config.js  |  4 +---
 .../samples/spread-each-element/_config.js    |  4 +---
 .../samples/spread-element-boolean/_config.js |  4 +---
 .../_config.js                                |  2 +-
 .../spread-element-multiple/_config.js        | 16 ++++++--------
 .../runtime/samples/spread-element/_config.js |  6 +++--
 .../samples/state-deconflicted/_config.js     | 22 +++++++++----------
 .../_config.js                                |  3 ++-
 .../_config.js                                |  3 ++-
 .../_config.js                                |  3 ++-
 .../samples/svg-each-block-anchor/_config.js  |  2 +-
 test/runtime/samples/svg-multiple/_config.js  |  3 ++-
 test/runtime/samples/svg-xmlns/_config.js     |  3 ++-
 test/runtime/samples/svg/_config.js           |  3 ++-
 .../samples/textarea-children/_config.js      |  2 +-
 .../runtime/samples/textarea-value/_config.js |  2 +-
 .../_config.js                                |  2 +-
 .../samples/transition-css-delay/_config.js   |  2 +-
 .../transition-css-duration/_config.js        |  4 ++--
 .../_config.js                                |  4 ++--
 .../transition-js-aborted-outro/_config.js    |  4 ++--
 .../transition-js-await-block/_config.js      |  2 +-
 .../samples/transition-js-deferred/_config.js |  2 +-
 .../transition-js-delay-in-out/_config.js     |  4 ++--
 .../samples/transition-js-delay/_config.js    |  4 ++--
 .../_config.js                                |  2 +-
 .../_config.js                                |  2 +-
 .../_config.js                                |  9 ++++----
 .../_config.js                                |  6 ++---
 .../transition-js-each-block-intro/_config.js |  2 +-
 .../_config.js                                | 22 ++++++++-----------
 .../_config.js                                | 14 +++++-------
 .../_config.js                                | 10 ++++-----
 .../transition-js-each-block-outro/_config.js |  2 +-
 .../samples/transition-js-events/_config.js   |  4 ++--
 .../transition-js-if-block-bidi/_config.js    |  6 ++---
 .../_config.js                                |  2 +-
 .../_config.js                                |  6 ++---
 .../_config.js                                |  4 ++--
 .../_config.js                                |  8 +++----
 .../transition-js-if-block-intro/_config.js   |  2 +-
 .../_config.js                                |  6 ++---
 .../_config.js                                |  2 +-
 .../_config.js                                |  2 +-
 .../_config.js                                |  2 +-
 .../_config.js                                |  3 ++-
 .../transition-js-nested-await/_config.js     |  4 ++--
 .../transition-js-nested-component/_config.js |  4 ++--
 .../_config.js                                |  4 ++--
 .../_config.js                                |  2 +-
 .../_config.js                                |  4 ++--
 .../transition-js-nested-each/_config.js      |  4 ++--
 .../transition-js-nested-if/_config.js        |  4 ++--
 .../transition-js-nested-intro/_config.js     |  2 +-
 .../_config.js                                |  2 +-
 .../transition-js-parameterised/_config.js    |  2 +-
 .../window-bind-scroll-update/_config.js      |  2 +-
 227 files changed, 383 insertions(+), 480 deletions(-)

diff --git a/test/runtime/samples/attribute-dynamic-reserved/_config.js b/test/runtime/samples/attribute-dynamic-reserved/_config.js
index 4cc038ec64..c3f5fe4a53 100644
--- a/test/runtime/samples/attribute-dynamic-reserved/_config.js
+++ b/test/runtime/samples/attribute-dynamic-reserved/_config.js
@@ -9,7 +9,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ class: 'bar' });
+		component.class = 'bar';
 		assert.htmlEqual( target.innerHTML, `
 			<div class="bar"></div>123
 			<div class="bar"></div>123
diff --git a/test/runtime/samples/attribute-dynamic-shorthand/_config.js b/test/runtime/samples/attribute-dynamic-shorthand/_config.js
index e8ed048835..a0020c1f94 100644
--- a/test/runtime/samples/attribute-dynamic-shorthand/_config.js
+++ b/test/runtime/samples/attribute-dynamic-shorthand/_config.js
@@ -2,7 +2,7 @@ export default {
 	html: `<div id="foo"></div>`,
 
 	test ( assert, component, target ) {
-		component.set({ id: 'bar' });
+		component.id = 'bar';
 		assert.equal( target.innerHTML, `<div id="bar"></div>` );
 	}
 };
diff --git a/test/runtime/samples/attribute-dynamic-type/_config.js b/test/runtime/samples/attribute-dynamic-type/_config.js
index 7c7043fe35..4dcb4595c2 100644
--- a/test/runtime/samples/attribute-dynamic-type/_config.js
+++ b/test/runtime/samples/attribute-dynamic-type/_config.js
@@ -13,7 +13,7 @@ export default {
 		assert.equal(input.type, 'text');
 		assert.equal(input.value, '42');
 
-		component.set({ inputType: 'number' });
+		component.inputType = 'number';
 		assert.equal(input.type, 'number');
 	}
 };
diff --git a/test/runtime/samples/attribute-dynamic/_config.js b/test/runtime/samples/attribute-dynamic/_config.js
index 9b33022e62..894d9f8570 100644
--- a/test/runtime/samples/attribute-dynamic/_config.js
+++ b/test/runtime/samples/attribute-dynamic/_config.js
@@ -6,7 +6,7 @@ export default {
 
 		assert.equal( div.style.color, 'red' );
 
-		component.set({ color: 'blue' });
+		component.color = 'blue';
 		assert.equal( target.innerHTML, `<div style="color: blue;">blue</div>` );
 		assert.equal( div.style.color, 'blue' );
 	}
diff --git a/test/runtime/samples/attribute-prefer-expression/_config.js b/test/runtime/samples/attribute-prefer-expression/_config.js
index 7c9b441cae..2bcbbb8511 100644
--- a/test/runtime/samples/attribute-prefer-expression/_config.js
+++ b/test/runtime/samples/attribute-prefer-expression/_config.js
@@ -11,7 +11,7 @@ export default {
 		assert.ok( inputs[0].checked );
 		assert.ok( !inputs[1].checked );
 
-		component.set( { foo: true } );
+		component.foo = true;
 
 		assert.ok( !inputs[0].checked );
 		assert.ok( inputs[1].checked );
diff --git a/test/runtime/samples/autofocus/_config.js b/test/runtime/samples/autofocus/_config.js
index 897b4b0a5a..2159971e56 100644
--- a/test/runtime/samples/autofocus/_config.js
+++ b/test/runtime/samples/autofocus/_config.js
@@ -2,7 +2,7 @@ export default {
 	html: '',
 
 	test ( assert, component, target, window ) {
-		component.set({ visible: true });
+		component.visible = true;
 		assert.equal( component.refs.input, window.document.activeElement );
 	}
 };
diff --git a/test/runtime/samples/await-set-simultaneous/_config.js b/test/runtime/samples/await-set-simultaneous/_config.js
index d7e3f12b45..fe6a556dda 100644
--- a/test/runtime/samples/await-set-simultaneous/_config.js
+++ b/test/runtime/samples/await-set-simultaneous/_config.js
@@ -1,10 +1,10 @@
 export default {
 	test(assert, component, target) {
 		const promise = Promise.resolve().then(() => {
-			component.set({ answer: 42 });
+			component.answer = 42;
 		});
 
-		component.set({ promise });
+		component.promise = promise;
 
 		assert.htmlEqual(target.innerHTML, `<p>wait for it...</p>`);
 
diff --git a/test/runtime/samples/await-then-catch-anchor/_config.js b/test/runtime/samples/await-then-catch-anchor/_config.js
index 3ff46338b8..7132f9e30c 100644
--- a/test/runtime/samples/await-then-catch-anchor/_config.js
+++ b/test/runtime/samples/await-then-catch-anchor/_config.js
@@ -28,9 +28,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
-					thePromise
-				});
+				component.thePromise = thePromise;
 
 				assert.htmlEqual(target.innerHTML, `
 					<div><p>loading...</p></div>
diff --git a/test/runtime/samples/await-then-catch-event/_config.js b/test/runtime/samples/await-then-catch-event/_config.js
index 373f7e3c8f..b0f64b10f8 100644
--- a/test/runtime/samples/await-then-catch-event/_config.js
+++ b/test/runtime/samples/await-then-catch-event/_config.js
@@ -29,7 +29,7 @@ export default {
 				assert.equal(component.get().clicked, 42);
 
 				thePromise = Promise.resolve(43);
-				component.set({ thePromise });
+				component.thePromise = thePromise;
 
 				return thePromise;
 			})
diff --git a/test/runtime/samples/await-then-catch-if/_config.js b/test/runtime/samples/await-then-catch-if/_config.js
index 9b1337c87a..f0fdadc7b5 100644
--- a/test/runtime/samples/await-then-catch-if/_config.js
+++ b/test/runtime/samples/await-then-catch-if/_config.js
@@ -23,17 +23,13 @@ export default {
 					<p>the value is 42</p>
 				`);
 
-				component.set({
-					show: false
-				});
+				component.show = false;
 
 				assert.htmlEqual(target.innerHTML, `
 					<p>Else</p>
 				`);
 
-				component.set({
-					show: true
-				});
+				component.show = true;
 
 				return thePromise.then(() => {
 					assert.htmlEqual(target.innerHTML, `
diff --git a/test/runtime/samples/await-then-catch-in-slot/_config.js b/test/runtime/samples/await-then-catch-in-slot/_config.js
index 8175628b6d..e1661c437a 100644
--- a/test/runtime/samples/await-then-catch-in-slot/_config.js
+++ b/test/runtime/samples/await-then-catch-in-slot/_config.js
@@ -28,9 +28,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
-					thePromise
-				});
+				component.thePromise = thePromise;
 
 				assert.htmlEqual(target.innerHTML, `
 					<p>loading...</p>
diff --git a/test/runtime/samples/await-then-catch-multiple/_config.js b/test/runtime/samples/await-then-catch-multiple/_config.js
index 259fc35c59..3a431ea2b5 100644
--- a/test/runtime/samples/await-then-catch-multiple/_config.js
+++ b/test/runtime/samples/await-then-catch-multiple/_config.js
@@ -30,9 +30,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
-					thePromise
-				});
+				component.thePromise = thePromise;
 
 				assert.htmlEqual(target.innerHTML, `
 					<p>loading...</p>
diff --git a/test/runtime/samples/await-then-catch-no-values/_config.js b/test/runtime/samples/await-then-catch-no-values/_config.js
index 1649f39a80..15e1711d04 100644
--- a/test/runtime/samples/await-then-catch-no-values/_config.js
+++ b/test/runtime/samples/await-then-catch-no-values/_config.js
@@ -24,9 +24,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
-					thePromise
-				});
+				component.thePromise = thePromise;
 
 				assert.htmlEqual(target.innerHTML, `waiting`);
 
diff --git a/test/runtime/samples/await-then-catch-non-promise/_config.js b/test/runtime/samples/await-then-catch-non-promise/_config.js
index b6ca588a00..226c30bf69 100644
--- a/test/runtime/samples/await-then-catch-non-promise/_config.js
+++ b/test/runtime/samples/await-then-catch-non-promise/_config.js
@@ -8,9 +8,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
-			thePromise: 'still not a promise'
-		});
+		component.thePromise = 'still not a promise';
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>the value is still not a promise</p>
diff --git a/test/runtime/samples/await-then-catch-static/_config.js b/test/runtime/samples/await-then-catch-static/_config.js
index 3595193fb7..685ae37695 100644
--- a/test/runtime/samples/await-then-catch-static/_config.js
+++ b/test/runtime/samples/await-then-catch-static/_config.js
@@ -26,9 +26,7 @@ export default {
 					fulfil = f;
 				});
 
-				component.set({
-					promise
-				});
+				component.promise = promise;
 
 				assert.htmlEqual(target.innerHTML, `
 					<p>loading...</p>
diff --git a/test/runtime/samples/await-then-catch/_config.js b/test/runtime/samples/await-then-catch/_config.js
index 8175628b6d..e1661c437a 100644
--- a/test/runtime/samples/await-then-catch/_config.js
+++ b/test/runtime/samples/await-then-catch/_config.js
@@ -28,9 +28,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
-					thePromise
-				});
+				component.thePromise = thePromise;
 
 				assert.htmlEqual(target.innerHTML, `
 					<p>loading...</p>
diff --git a/test/runtime/samples/await-then-shorthand/_config.js b/test/runtime/samples/await-then-shorthand/_config.js
index e49f9441e3..afd55d06bf 100644
--- a/test/runtime/samples/await-then-shorthand/_config.js
+++ b/test/runtime/samples/await-then-shorthand/_config.js
@@ -26,9 +26,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
-					thePromise
-				});
+				component.thePromise = thePromise;
 
 				assert.htmlEqual(target.innerHTML, ``);
 
diff --git a/test/runtime/samples/binding-input-checkbox-deep-contextual/_config.js b/test/runtime/samples/binding-input-checkbox-deep-contextual/_config.js
index 6648992a00..57ed48bd78 100644
--- a/test/runtime/samples/binding-input-checkbox-deep-contextual/_config.js
+++ b/test/runtime/samples/binding-input-checkbox-deep-contextual/_config.js
@@ -54,7 +54,7 @@ export default {
 		const items = component.get().items;
 		items[2].completed = true;
 
-		component.set({ items });
+		component.items = items;
 		assert.ok( inputs[2].checked );
 		assert.htmlEqual( target.innerHTML, `
 			<div><input type="checkbox"><p>one</p></div><div><input type="checkbox"><p>two</p></div><div><input type="checkbox"><p>three</p></div>
diff --git a/test/runtime/samples/binding-input-checkbox-group-outside-each/_config.js b/test/runtime/samples/binding-input-checkbox-group-outside-each/_config.js
index 9a1e962014..d48a511e86 100644
--- a/test/runtime/samples/binding-input-checkbox-group-outside-each/_config.js
+++ b/test/runtime/samples/binding-input-checkbox-group-outside-each/_config.js
@@ -52,7 +52,7 @@ export default {
 			<p>Alpha, Beta</p>
 		` );
 
-		component.set({ selected: [ values[1], values[2] ] });
+		component.selected = [ values[1], values[2] ];
 		assert.equal( inputs[0].checked, false );
 		assert.equal( inputs[1].checked, true );
 		assert.equal( inputs[2].checked, true );
diff --git a/test/runtime/samples/binding-input-checkbox-group/_config.js b/test/runtime/samples/binding-input-checkbox-group/_config.js
index 9a1e962014..d48a511e86 100644
--- a/test/runtime/samples/binding-input-checkbox-group/_config.js
+++ b/test/runtime/samples/binding-input-checkbox-group/_config.js
@@ -52,7 +52,7 @@ export default {
 			<p>Alpha, Beta</p>
 		` );
 
-		component.set({ selected: [ values[1], values[2] ] });
+		component.selected = [ values[1], values[2] ];
 		assert.equal( inputs[0].checked, false );
 		assert.equal( inputs[1].checked, true );
 		assert.equal( inputs[2].checked, true );
diff --git a/test/runtime/samples/binding-input-checkbox-indeterminate/_config.js b/test/runtime/samples/binding-input-checkbox-indeterminate/_config.js
index e8c4fd202a..5079705cd9 100644
--- a/test/runtime/samples/binding-input-checkbox-indeterminate/_config.js
+++ b/test/runtime/samples/binding-input-checkbox-indeterminate/_config.js
@@ -30,7 +30,7 @@ export default {
 			<p>indeterminate? false</p>
 		`);
 
-		component.set({ indeterminate: true });
+		component.indeterminate = true;
 		assert.equal(input.indeterminate, true);
 		assert.equal(input.checked, true);
 		assert.htmlEqual(target.innerHTML, `
diff --git a/test/runtime/samples/binding-input-checkbox-with-event-in-each/_config.js b/test/runtime/samples/binding-input-checkbox-with-event-in-each/_config.js
index afbc5c5b17..cd785fd7dd 100644
--- a/test/runtime/samples/binding-input-checkbox-with-event-in-each/_config.js
+++ b/test/runtime/samples/binding-input-checkbox-with-event-in-each/_config.js
@@ -24,7 +24,7 @@ export default {
 			name: "cat " + cats.length,
 			checked: false,
 		});
-		component.set({ cats: newCats });
+		component.cats = newCats;
 
 		let inputs = target.querySelectorAll('input');
 		assert.equal(inputs.length, 3);
diff --git a/test/runtime/samples/binding-input-checkbox/_config.js b/test/runtime/samples/binding-input-checkbox/_config.js
index 4adcd117a7..022e532eee 100644
--- a/test/runtime/samples/binding-input-checkbox/_config.js
+++ b/test/runtime/samples/binding-input-checkbox/_config.js
@@ -24,7 +24,7 @@ export default {
 
 		assert.equal( target.innerHTML, `<input type="checkbox">\n<p>false</p>` );
 
-		component.set({ foo: true });
+		component.foo = true;
 		assert.equal( input.checked, true );
 		assert.equal( target.innerHTML, `<input type="checkbox">\n<p>true</p>` );
 	}
diff --git a/test/runtime/samples/binding-input-number/_config.js b/test/runtime/samples/binding-input-number/_config.js
index 1954904747..7606d4d2b4 100644
--- a/test/runtime/samples/binding-input-number/_config.js
+++ b/test/runtime/samples/binding-input-number/_config.js
@@ -28,7 +28,7 @@ export default {
 			<p>number 43</p>
 		`);
 
-		component.set({ count: 44 });
+		component.count = 44;
 		assert.equal(input.value, '44');
 		assert.htmlEqual(target.innerHTML, `
 			<input type='number'>
diff --git a/test/runtime/samples/binding-input-radio-group/_config.js b/test/runtime/samples/binding-input-radio-group/_config.js
index 7a17436193..4b3cda537d 100644
--- a/test/runtime/samples/binding-input-radio-group/_config.js
+++ b/test/runtime/samples/binding-input-radio-group/_config.js
@@ -56,7 +56,7 @@ export default {
 		assert.equal( inputs[1].checked, false );
 		assert.equal( inputs[2].checked, false );
 
-		component.set({ selected: values[2] });
+		component.selected = values[2];
 		assert.equal( inputs[0].checked, false );
 		assert.equal( inputs[1].checked, false );
 		assert.equal( inputs[2].checked, true );
diff --git a/test/runtime/samples/binding-input-range-change/_config.js b/test/runtime/samples/binding-input-range-change/_config.js
index 2f58ced55f..6302c87225 100644
--- a/test/runtime/samples/binding-input-range-change/_config.js
+++ b/test/runtime/samples/binding-input-range-change/_config.js
@@ -28,7 +28,7 @@ export default {
 			<p>number 43</p>
 		`);
 
-		component.set({ count: 44 });
+		component.count = 44;
 		assert.equal(input.value, '44');
 		assert.htmlEqual(target.innerHTML, `
 			<input type='range'>
diff --git a/test/runtime/samples/binding-input-range/_config.js b/test/runtime/samples/binding-input-range/_config.js
index 5fb8e0ebe5..3f8321ac39 100644
--- a/test/runtime/samples/binding-input-range/_config.js
+++ b/test/runtime/samples/binding-input-range/_config.js
@@ -28,7 +28,7 @@ export default {
 			<p>number 43</p>
 		`);
 
-		component.set({ count: 44 });
+		component.count = 44;
 		assert.equal(input.value, '44');
 		assert.htmlEqual(target.innerHTML, `
 			<input type='range'>
diff --git a/test/runtime/samples/binding-input-text-contextual/_config.js b/test/runtime/samples/binding-input-text-contextual/_config.js
index 5cb59902c1..4cd4602984 100644
--- a/test/runtime/samples/binding-input-text-contextual/_config.js
+++ b/test/runtime/samples/binding-input-text-contextual/_config.js
@@ -52,7 +52,7 @@ export default {
 
 		items[2] = 'five';
 
-		component.set({ items });
+		component.items = items;
 		assert.equal(inputs[2].value, 'five');
 		assert.htmlEqual(target.innerHTML, `
 			<div>
diff --git a/test/runtime/samples/binding-input-text-deconflicted/_config.js b/test/runtime/samples/binding-input-text-deconflicted/_config.js
index 4a2434ce99..73196531a0 100644
--- a/test/runtime/samples/binding-input-text-deconflicted/_config.js
+++ b/test/runtime/samples/binding-input-text-deconflicted/_config.js
@@ -30,7 +30,7 @@ export default {
 			<input>
 		`);
 
-		component.set({ component: { name: 'goodbye' } });
+		component.component = { name: 'goodbye' };
 		assert.equal(input.value, 'goodbye');
 		assert.htmlEqual(target.innerHTML, `
 			<h1>Hello goodbye!</h1>
diff --git a/test/runtime/samples/binding-input-text-deep-computed-dynamic/_config.js b/test/runtime/samples/binding-input-text-deep-computed-dynamic/_config.js
index 161f1ca010..a0d95f1dc2 100644
--- a/test/runtime/samples/binding-input-text-deep-computed-dynamic/_config.js
+++ b/test/runtime/samples/binding-input-text-deep-computed-dynamic/_config.js
@@ -34,7 +34,7 @@ export default {
 		`);
 
 		// edit baz
-		component.set({ prop: 'baz' });
+		component.prop = 'baz';
 		assert.equal(input.value, 'c');
 
 		input.value = 'f';
@@ -46,7 +46,7 @@ export default {
 		`);
 
 		// edit foo
-		component.set({ prop: 'foo' });
+		component.prop = 'foo';
 		assert.equal(input.value, 'a');
 
 		input.value = 'd';
diff --git a/test/runtime/samples/binding-input-text-deep-computed/_config.js b/test/runtime/samples/binding-input-text-deep-computed/_config.js
index 61ea907739..eaf25a5127 100644
--- a/test/runtime/samples/binding-input-text-deep-computed/_config.js
+++ b/test/runtime/samples/binding-input-text-deep-computed/_config.js
@@ -34,7 +34,7 @@ export default {
 		const user = component.get().user;
 		user.name = 'carol';
 
-		component.set({ user });
+		component.user = user;
 		assert.equal(input.value, 'carol');
 		assert.htmlEqual(target.innerHTML, `
 			<input>
diff --git a/test/runtime/samples/binding-input-text-deep-contextual-computed-dynamic/_config.js b/test/runtime/samples/binding-input-text-deep-contextual-computed-dynamic/_config.js
index 8b016972e0..ffb8ad4c91 100644
--- a/test/runtime/samples/binding-input-text-deep-contextual-computed-dynamic/_config.js
+++ b/test/runtime/samples/binding-input-text-deep-contextual-computed-dynamic/_config.js
@@ -36,7 +36,7 @@ export default {
 		`);
 
 		// edit baz
-		component.set({ prop: 'baz' });
+		component.prop = 'baz';
 		assert.equal(input.value, 'c');
 
 		input.value = 'f';
@@ -48,7 +48,7 @@ export default {
 		`);
 
 		// edit foo
-		component.set({ prop: 'foo' });
+		component.prop = 'foo';
 		assert.equal(input.value, 'a');
 
 		input.value = 'd';
diff --git a/test/runtime/samples/binding-input-text-deep-contextual/_config.js b/test/runtime/samples/binding-input-text-deep-contextual/_config.js
index e57150333b..d1e885214c 100644
--- a/test/runtime/samples/binding-input-text-deep-contextual/_config.js
+++ b/test/runtime/samples/binding-input-text-deep-contextual/_config.js
@@ -38,7 +38,7 @@ export default {
 		const items = component.get().items;
 		items[2].description = 'five';
 
-		component.set({ items });
+		component.items = items;
 		assert.equal(inputs[2].value, 'five');
 		assert.htmlEqual(target.innerHTML, `
 			<div><input><p>one</p></div>
diff --git a/test/runtime/samples/binding-input-text-deep/_config.js b/test/runtime/samples/binding-input-text-deep/_config.js
index caf209813f..7346cae731 100644
--- a/test/runtime/samples/binding-input-text-deep/_config.js
+++ b/test/runtime/samples/binding-input-text-deep/_config.js
@@ -33,7 +33,7 @@ export default {
 		const user = component.get().user;
 		user.name = 'carol';
 
-		component.set({ user });
+		component.user = user;
 		assert.equal(input.value, 'carol');
 		assert.htmlEqual(target.innerHTML, `
 			<input>
diff --git a/test/runtime/samples/binding-input-text/_config.js b/test/runtime/samples/binding-input-text/_config.js
index 62854f42b3..90c0ad9cb3 100644
--- a/test/runtime/samples/binding-input-text/_config.js
+++ b/test/runtime/samples/binding-input-text/_config.js
@@ -27,7 +27,7 @@ export default {
 			<p>hello everybody</p>
 		`);
 
-		component.set({ name: 'goodbye' });
+		component.name = 'goodbye';
 		assert.equal(input.value, 'goodbye');
 		assert.htmlEqual(target.innerHTML, `
 			<input>
diff --git a/test/runtime/samples/binding-select-late/_config.js b/test/runtime/samples/binding-select-late/_config.js
index 52ba36a058..44776897c4 100644
--- a/test/runtime/samples/binding-select-late/_config.js
+++ b/test/runtime/samples/binding-select-late/_config.js
@@ -10,10 +10,8 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({
-			items: [ 'one', 'two', 'three' ],
-			selected: 'two'
-		});
+		component.items = [ 'one', 'two', 'three' ];
+		component.selected = 'two';
 
 		const options = target.querySelectorAll( 'option' );
 		assert.ok( !options[0].selected );
diff --git a/test/runtime/samples/binding-select-multiple/_config.js b/test/runtime/samples/binding-select-multiple/_config.js
index d16fa0827f..fa45640a48 100644
--- a/test/runtime/samples/binding-select-multiple/_config.js
+++ b/test/runtime/samples/binding-select-multiple/_config.js
@@ -49,7 +49,7 @@ export default {
 			<p>selected: one, three</p>
 		` );
 
-		component.set({ selected: [ 'one', 'two' ] });
+		component.selected = [ 'one', 'two' ];
 
 		assert.ok( options[0].selected );
 		assert.ok( options[1].selected );
diff --git a/test/runtime/samples/binding-select/_config.js b/test/runtime/samples/binding-select/_config.js
index 6ab9c98144..30a35dc3c1 100644
--- a/test/runtime/samples/binding-select/_config.js
+++ b/test/runtime/samples/binding-select/_config.js
@@ -52,6 +52,6 @@ export default {
 			<p>selected: two</p>
 		`);
 
-		component.set({ selected: 'three' });
+		component.selected = 'three';
 	},
 };
diff --git a/test/runtime/samples/binding-textarea/_config.js b/test/runtime/samples/binding-textarea/_config.js
index 45399a5257..b798adadf2 100644
--- a/test/runtime/samples/binding-textarea/_config.js
+++ b/test/runtime/samples/binding-textarea/_config.js
@@ -27,7 +27,7 @@ export default {
 			<p>hello</p>
 		`);
 
-		component.set({ value: 'goodbye' });
+		component.value = 'goodbye';
 		assert.equal(textarea.value, 'goodbye');
 		assert.htmlEqual(target.innerHTML, `
 			<textarea></textarea>
diff --git a/test/runtime/samples/class-helper/_config.js b/test/runtime/samples/class-helper/_config.js
index 1099c37213..d94cc0cdf5 100644
--- a/test/runtime/samples/class-helper/_config.js
+++ b/test/runtime/samples/class-helper/_config.js
@@ -5,7 +5,7 @@ export default {
 	html: `<div class="active"></div>`,
 
 	test ( assert, component, target, window ) {
-		component.set({ user: { active: false }});
+		component.user = { active: false };
 
 		assert.htmlEqual( target.innerHTML, `
 			<div class></div>
diff --git a/test/runtime/samples/class-in-each/_config.js b/test/runtime/samples/class-in-each/_config.js
index 3885aed960..e5f96688e9 100644
--- a/test/runtime/samples/class-in-each/_config.js
+++ b/test/runtime/samples/class-in-each/_config.js
@@ -11,7 +11,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({ selected: 'three' });
+		component.selected = 'three';
 		assert.htmlEqual(target.innerHTML, `
 			<div></div>
 			<div class=""></div>
diff --git a/test/runtime/samples/class-shortcut-with-class/_config.js b/test/runtime/samples/class-shortcut-with-class/_config.js
index 2d4697b11b..1f759c335c 100644
--- a/test/runtime/samples/class-shortcut-with-class/_config.js
+++ b/test/runtime/samples/class-shortcut-with-class/_config.js
@@ -7,7 +7,7 @@ export default {
 	html: `<div class="one two is-active isSelected"></div>`,
 
 	test ( assert, component, target, window ) {
-		component.set({ "is-active": false });
+		component.undefined = false;
 
 		assert.htmlEqual( target.innerHTML, `
 			<div class="one two isSelected"></div>
diff --git a/test/runtime/samples/class-shortcut/_config.js b/test/runtime/samples/class-shortcut/_config.js
index 41f1457369..371806660f 100644
--- a/test/runtime/samples/class-shortcut/_config.js
+++ b/test/runtime/samples/class-shortcut/_config.js
@@ -6,7 +6,7 @@ export default {
 	html: `<div class="is-active isSelected"></div>`,
 
 	test ( assert, component, target, window ) {
-		component.set({ "is-active": false });
+		component.undefined = false;
 
 		assert.htmlEqual( target.innerHTML, `
 			<div class="isSelected"></div>
diff --git a/test/runtime/samples/class-with-dynamic-attribute/_config.js b/test/runtime/samples/class-with-dynamic-attribute/_config.js
index 218b162782..a1d6c5bca3 100644
--- a/test/runtime/samples/class-with-dynamic-attribute/_config.js
+++ b/test/runtime/samples/class-with-dynamic-attribute/_config.js
@@ -5,7 +5,7 @@ export default {
 	html: `<div class="one two three"></div>`,
 
 	test ( assert, component, target, window ) {
-		component.set({ myClass: 'one' });
+		component.myClass = 'one';
 
 		assert.htmlEqual( target.innerHTML, `
 			<div class="one three"></div>
diff --git a/test/runtime/samples/component-binding-blowback/_config.js b/test/runtime/samples/component-binding-blowback/_config.js
index a4290943ec..87624c061c 100644
--- a/test/runtime/samples/component-binding-blowback/_config.js
+++ b/test/runtime/samples/component-binding-blowback/_config.js
@@ -6,7 +6,7 @@ export default {
 			if (changed.bar) count += 1;
 		});
 
-		component.set({ x: true });
+		component.x = true;
 		assert.equal(count, 0);
 	}
 };
diff --git a/test/runtime/samples/component-binding-computed/_config.js b/test/runtime/samples/component-binding-computed/_config.js
index c53a5c52b5..e58b0ffa47 100644
--- a/test/runtime/samples/component-binding-computed/_config.js
+++ b/test/runtime/samples/component-binding-computed/_config.js
@@ -22,12 +22,10 @@ export default {
 			lastname: 'Lovelace'
 		});
 
-		component.set({
-			values: {
-				firstname: 'Grace',
-				lastname: 'Hopper'
-			}
-		});
+		component.values = {
+			firstname: 'Grace',
+			lastname: 'Hopper'
+		};
 		assert.equal(inputs[0].value, 'Grace');
 		assert.equal(inputs[1].value, 'Hopper');
 	}
diff --git a/test/runtime/samples/component-binding-conditional-b/_config.js b/test/runtime/samples/component-binding-conditional-b/_config.js
index 3853390b16..d0579b9c9a 100644
--- a/test/runtime/samples/component-binding-conditional-b/_config.js
+++ b/test/runtime/samples/component-binding-conditional-b/_config.js
@@ -14,7 +14,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ x: false });
+		component.x = false;
 
 		assert.htmlEqual( target.innerHTML, `
 			<p>y: foo</p>
diff --git a/test/runtime/samples/component-binding-conditional/_config.js b/test/runtime/samples/component-binding-conditional/_config.js
index a4295d8c16..d915de24e6 100644
--- a/test/runtime/samples/component-binding-conditional/_config.js
+++ b/test/runtime/samples/component-binding-conditional/_config.js
@@ -7,7 +7,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ x: false });
+		component.x = false;
 
 		assert.htmlEqual( target.innerHTML, `
 			<p>y: bar</p>
diff --git a/test/runtime/samples/component-binding-deep-b/_config.js b/test/runtime/samples/component-binding-deep-b/_config.js
index 9a1c33de04..54350b1b22 100644
--- a/test/runtime/samples/component-binding-deep-b/_config.js
+++ b/test/runtime/samples/component-binding-deep-b/_config.js
@@ -60,7 +60,7 @@ export default {
 		// console.log( `select.value`, select.value )
 		// console.log( `select.__value`, select.__value )
 		// select.dispatchEvent( new window.Event( 'change' ) );
-		component.set({ selectedComponent: components[1] });
+		component.selectedComponent = components[1];
 
 		assert.equal( textarea.value, 'two source' );
 
diff --git a/test/runtime/samples/component-binding-each-object/_config.js b/test/runtime/samples/component-binding-each-object/_config.js
index 21542936de..d09c6009d9 100644
--- a/test/runtime/samples/component-binding-each-object/_config.js
+++ b/test/runtime/samples/component-binding-each-object/_config.js
@@ -8,12 +8,10 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({
-			a: [
-				{ id: 'yep' },
-				{ id: 'nope' }
-			]
-		});
+		component.a = [
+			{ id: 'yep' },
+			{ id: 'nope' }
+		];
 
 		assert.htmlEqual( target.innerHTML, `
 			<span>yep</span><span>nope</span>
diff --git a/test/runtime/samples/component-data-dynamic-late/_config.js b/test/runtime/samples/component-data-dynamic-late/_config.js
index 0f5b361b86..df0b6be4f6 100644
--- a/test/runtime/samples/component-data-dynamic-late/_config.js
+++ b/test/runtime/samples/component-data-dynamic-late/_config.js
@@ -1,7 +1,7 @@
 export default {
 	test ( assert, component, target ) {
-		component.set({ q: 42 });
-		component.set({ foo: true });
+		component.q = 42;
+		component.foo = true;
 
 		assert.htmlEqual( target.innerHTML, `
 			<p>42</p>
diff --git a/test/runtime/samples/component-data-dynamic-shorthand/_config.js b/test/runtime/samples/component-data-dynamic-shorthand/_config.js
index 6e5884841b..f072cf62a5 100644
--- a/test/runtime/samples/component-data-dynamic-shorthand/_config.js
+++ b/test/runtime/samples/component-data-dynamic-shorthand/_config.js
@@ -6,9 +6,7 @@ export default {
 	html: `<div><p>foo: 42</p></div>`,
 
 	test ( assert, component, target ) {
-		component.set({
-			foo: 99
-		});
+		component.foo = 99;
 
 		assert.equal( target.innerHTML, `<div><p>foo: 99</p></div>` );
 	}
diff --git a/test/runtime/samples/component-data-dynamic/_config.js b/test/runtime/samples/component-data-dynamic/_config.js
index e6e5c41e2a..8c9667d4b7 100644
--- a/test/runtime/samples/component-data-dynamic/_config.js
+++ b/test/runtime/samples/component-data-dynamic/_config.js
@@ -7,12 +7,10 @@ export default {
 	},
 	html: `<div><p>foo: lol</p>\n<p>baz: 42 (number)</p>\n<p>qux: this is a piece of string</p>\n<p>quux: core</p></div>`,
 	test ( assert, component, target ) {
-		component.set({
-			bar: 'wut',
-			x: 3,
-			compound: 'rather boring',
-			go: { deeper: 'heart' }
-		});
+		component.bar = 'wut';
+		component.x = 3;
+		component.compound = 'rather boring';
+		component.go = { deeper: 'heart' };
 
 		assert.equal( target.innerHTML, `<div><p>foo: wut</p>\n<p>baz: 43 (number)</p>\n<p>qux: this is a rather boring string</p>\n<p>quux: heart</p></div>` );
 	}
diff --git a/test/runtime/samples/component-event-not-stale/_config.js b/test/runtime/samples/component-event-not-stale/_config.js
index aad34c2ae5..58e1c9b855 100644
--- a/test/runtime/samples/component-event-not-stale/_config.js
+++ b/test/runtime/samples/component-event-not-stale/_config.js
@@ -15,7 +15,7 @@ export default {
 		buttons[0].dispatchEvent(click);
 		buttons[1].dispatchEvent(click);
 
-		component.set({ value: 2 });
+		component.value = 2;
 
 		buttons[0].dispatchEvent(click);
 		buttons[1].dispatchEvent(click);
diff --git a/test/runtime/samples/component-events/_config.js b/test/runtime/samples/component-events/_config.js
index 1de536e6ed..3b14213a94 100644
--- a/test/runtime/samples/component-events/_config.js
+++ b/test/runtime/samples/component-events/_config.js
@@ -13,11 +13,11 @@ export default {
 			count += 1;
 		});
 
-		component.set({ visible: false });
+		component.visible = false;
 		assert.equal( count, 1 );
 
-		component.set({ visible: true });
-		component.set({ visible: false });
+		component.visible = true;
+		component.visible = false;
 		assert.equal( count, 2 );
 	}
 };
diff --git a/test/runtime/samples/component-if-placement/_config.js b/test/runtime/samples/component-if-placement/_config.js
index 51a1c276ae..22a06c415d 100644
--- a/test/runtime/samples/component-if-placement/_config.js
+++ b/test/runtime/samples/component-if-placement/_config.js
@@ -10,7 +10,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set( { flag: false } );
+		component.flag = false;
 		assert.htmlEqual( target.innerHTML, `
 			<span>Before</span>
 			<span>Component</span>
diff --git a/test/runtime/samples/component-name-deconflicted/_config.js b/test/runtime/samples/component-name-deconflicted/_config.js
index 853bbdd87c..4908d61df4 100644
--- a/test/runtime/samples/component-name-deconflicted/_config.js
+++ b/test/runtime/samples/component-name-deconflicted/_config.js
@@ -5,9 +5,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
-			list: [3, 4]
-		});
+		component.list = [3, 4];
 
 		assert.htmlEqual(target.innerHTML, `
 			<span>3</span>
diff --git a/test/runtime/samples/component-nested-deeper/_config.js b/test/runtime/samples/component-nested-deeper/_config.js
index 21538652fc..5ada490210 100644
--- a/test/runtime/samples/component-nested-deeper/_config.js
+++ b/test/runtime/samples/component-nested-deeper/_config.js
@@ -4,6 +4,6 @@ export default {
 	},
 
 	test(assert, component) {
-		component.set({ values: [2, 3] });
+		component.values = [2, 3];
 	}
 };
diff --git a/test/runtime/samples/component-slot-each-block/_config.js b/test/runtime/samples/component-slot-each-block/_config.js
index 8017a8f112..4c1c339a2b 100644
--- a/test/runtime/samples/component-slot-each-block/_config.js
+++ b/test/runtime/samples/component-slot-each-block/_config.js
@@ -11,7 +11,7 @@ export default {
 		</div>`,
 
 	test(assert, component, target) {
-		component.set({ things: [1, 2, 3, 4] });
+		component.things = [1, 2, 3, 4];
 		assert.htmlEqual(target.innerHTML, `
 			<div>
 				<span>1</span>
diff --git a/test/runtime/samples/component-slot-if-block-before-node/_config.js b/test/runtime/samples/component-slot-if-block-before-node/_config.js
index 5d6177e0d6..c77e730922 100644
--- a/test/runtime/samples/component-slot-if-block-before-node/_config.js
+++ b/test/runtime/samples/component-slot-if-block-before-node/_config.js
@@ -5,7 +5,7 @@ export default {
 		</div>`,
 
 	test(assert, component, target) {
-		component.set({ foo: true });
+		component.foo = true;
 		assert.htmlEqual(target.innerHTML, `
 			<div>
 				<p>conditional</p>
diff --git a/test/runtime/samples/component-slot-if-block/_config.js b/test/runtime/samples/component-slot-if-block/_config.js
index 126ca78b2e..1a2edef844 100644
--- a/test/runtime/samples/component-slot-if-block/_config.js
+++ b/test/runtime/samples/component-slot-if-block/_config.js
@@ -5,7 +5,7 @@ export default {
 		</div>`,
 
 	test(assert, component, target) {
-		component.set({ foo: true });
+		component.foo = true;
 		assert.htmlEqual(target.innerHTML, `
 			<div>
 				<p>unconditional</p>
diff --git a/test/runtime/samples/component-slot-if-else-block-before-node/_config.js b/test/runtime/samples/component-slot-if-else-block-before-node/_config.js
index 42f10d471b..5bca975f4e 100644
--- a/test/runtime/samples/component-slot-if-else-block-before-node/_config.js
+++ b/test/runtime/samples/component-slot-if-else-block-before-node/_config.js
@@ -4,7 +4,7 @@ export default {
 		<p>unconditional</p>`,
 
 	test(assert, component, target) {
-		component.set({ enabled: true });
+		component.enabled = true;
 		assert.htmlEqual(target.innerHTML, `
 			<p>enabled</p>
 			<p>unconditional</p>
diff --git a/test/runtime/samples/component-yield-if/_config.js b/test/runtime/samples/component-yield-if/_config.js
index 8c09fedbab..33f59ad605 100644
--- a/test/runtime/samples/component-yield-if/_config.js
+++ b/test/runtime/samples/component-yield-if/_config.js
@@ -9,13 +9,13 @@ export default {
 		widget.set({show: true});
 		assert.htmlEqual( target.innerHTML, '<div><p>Hello</p></div>' );
 
-		component.set({data: 'World'});
+		component.data = 'World';
 		assert.htmlEqual( target.innerHTML, '<div><p>World</p></div>' );
 
 		widget.set({show: false});
 		assert.htmlEqual( target.innerHTML, '<div><p></p></div>' );
 
-		component.set({data: 'Goodbye'});
+		component.data = 'Goodbye';
 		assert.htmlEqual( target.innerHTML, '<div><p></p></div>' );
 
 		widget.set({show: true});
diff --git a/test/runtime/samples/component-yield-multiple-in-each/_config.js b/test/runtime/samples/component-yield-multiple-in-each/_config.js
index 3669b3f90b..4305fc6372 100644
--- a/test/runtime/samples/component-yield-multiple-in-each/_config.js
+++ b/test/runtime/samples/component-yield-multiple-in-each/_config.js
@@ -6,9 +6,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({
-			people: [ 'Alice', 'Charles', 'Bob' ]
-		});
+		component.people = [ 'Alice', 'Charles', 'Bob' ];
 
 		assert.htmlEqual( target.innerHTML, `
 			<p>Hello Alice</p>
diff --git a/test/runtime/samples/component-yield-multiple-in-if/_config.js b/test/runtime/samples/component-yield-multiple-in-if/_config.js
index 1460962e7a..5e6e8dbd1c 100644
--- a/test/runtime/samples/component-yield-multiple-in-if/_config.js
+++ b/test/runtime/samples/component-yield-multiple-in-if/_config.js
@@ -4,7 +4,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ arriving: false });
+		component.arriving = false;
 		assert.htmlEqual( target.innerHTML, `<div><p class='widget'>Goodbye</p></div>` );
 
 		component.destroy();
diff --git a/test/runtime/samples/component-yield-nested-if/_config.js b/test/runtime/samples/component-yield-nested-if/_config.js
index 44548b2f16..ef50a4783a 100644
--- a/test/runtime/samples/component-yield-nested-if/_config.js
+++ b/test/runtime/samples/component-yield-nested-if/_config.js
@@ -5,10 +5,10 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ foo: false });
+		component.foo = false;
 		assert.htmlEqual( target.innerHTML, `` );
 
-		component.set({ foo: true });
+		component.foo = true;
 		assert.htmlEqual( target.innerHTML, `One\nInner` );
 	}
 };
diff --git a/test/runtime/samples/component-yield-parent/_config.js b/test/runtime/samples/component-yield-parent/_config.js
index 39bc7cf79a..b49e1b719b 100644
--- a/test/runtime/samples/component-yield-parent/_config.js
+++ b/test/runtime/samples/component-yield-parent/_config.js
@@ -6,7 +6,7 @@ export default {
 	test ( assert, component, target ) {
 		assert.equal( component.get().data, 'Hello' );
 
-		component.set({ data: 'World' });
+		component.data = 'World';
 		assert.equal( component.get().data, 'World' );
 		assert.htmlEqual( target.innerHTML, `
 			<div><p>World</p></div>
diff --git a/test/runtime/samples/component-yield-static/_config.js b/test/runtime/samples/component-yield-static/_config.js
index 06bcd82882..3594afff1a 100644
--- a/test/runtime/samples/component-yield-static/_config.js
+++ b/test/runtime/samples/component-yield-static/_config.js
@@ -4,7 +4,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set( { name: 'World' } );
+		component.name = 'World';
 		assert.htmlEqual( target.innerHTML, `
 			<b>Hello</b> World
 		` );
diff --git a/test/runtime/samples/computed-function/_config.js b/test/runtime/samples/computed-function/_config.js
index 018eb9f3f0..9d1fdbf960 100644
--- a/test/runtime/samples/computed-function/_config.js
+++ b/test/runtime/samples/computed-function/_config.js
@@ -2,13 +2,13 @@ export default {
 	html: '<p>50</p>',
 
 	test ( assert, component, target ) {
-		component.set({ range: [ 50, 100 ] });
+		component.range = [ 50, 100 ];
 		assert.htmlEqual( target.innerHTML, '<p>75</p>' );
 
-		component.set({ range: [ 50, 60 ] });
+		component.range = [ 50, 60 ];
 		assert.htmlEqual( target.innerHTML, '<p>55</p>' );
 
-		component.set({ x: 8 });
+		component.x = 8;
 		assert.htmlEqual( target.innerHTML, '<p>58</p>' );
 	}
 };
diff --git a/test/runtime/samples/computed-values-deconflicted/_config.js b/test/runtime/samples/computed-values-deconflicted/_config.js
index 180aad8fe1..d3366d72ab 100644
--- a/test/runtime/samples/computed-values-deconflicted/_config.js
+++ b/test/runtime/samples/computed-values-deconflicted/_config.js
@@ -2,7 +2,7 @@ export default {
 	html: '<span>waiting</span>',
 
 	test(assert, component, target) {
-		component.set({ x: 'ready' });
+		component.x = 'ready';
 		assert.htmlEqual(target.innerHTML, `
 			<span>ready</span>
 		`);
diff --git a/test/runtime/samples/computed-values-default/_config.js b/test/runtime/samples/computed-values-default/_config.js
index 55d9bc8f94..83f790588f 100644
--- a/test/runtime/samples/computed-values-default/_config.js
+++ b/test/runtime/samples/computed-values-default/_config.js
@@ -4,7 +4,7 @@ export default {
 	'skip-ssr': /^v4/.test( process.version ), // we're not transpiling server-side tests in Node 4, because it's tricky
 
 	test ( assert, component, target ) {
-		component.set({ a: 2 });
+		component.a = 2;
 		assert.equal( target.innerHTML, '<p>4</p>' );
 		component.destroy();
 	}
diff --git a/test/runtime/samples/computed-values-function-dependency/_config.js b/test/runtime/samples/computed-values-function-dependency/_config.js
index 9320a0aad8..7a4ce6cf92 100644
--- a/test/runtime/samples/computed-values-function-dependency/_config.js
+++ b/test/runtime/samples/computed-values-function-dependency/_config.js
@@ -2,7 +2,7 @@ export default {
 	html: '<p>2</p>',
 
 	test ( assert, component, target ) {
-		component.set({ y: 2 });
+		component.y = 2;
 		assert.equal( component.get().x, 4 );
 		assert.equal( target.innerHTML, '<p>4</p>' );
 		component.destroy();
diff --git a/test/runtime/samples/computed-values/_config.js b/test/runtime/samples/computed-values/_config.js
index 8d52627c40..ccaa4b4ea9 100644
--- a/test/runtime/samples/computed-values/_config.js
+++ b/test/runtime/samples/computed-values/_config.js
@@ -1,7 +1,7 @@
 export default {
 	html: '<p>1 + 2 = 3</p>\n<p>3 * 3 = 9</p>',
 	test ( assert, component, target ) {
-		component.set({ a: 3 });
+		component.a = 3;
 		assert.equal( component.get().c, 5 );
 		assert.equal( component.get().cSquared, 25 );
 		assert.equal( target.innerHTML, '<p>3 + 2 = 5</p>\n<p>5 * 5 = 25</p>' );
diff --git a/test/runtime/samples/deconflict-elements-indexes/_config.js b/test/runtime/samples/deconflict-elements-indexes/_config.js
index 7e3a91a306..4d66cff40e 100644
--- a/test/runtime/samples/deconflict-elements-indexes/_config.js
+++ b/test/runtime/samples/deconflict-elements-indexes/_config.js
@@ -10,7 +10,7 @@ export default {
 	test(assert, component, target) {
 		const { tagList } = component.get();
 		tagList.push('two');
-		component.set({ tagList });
+		component.tagList = tagList;
 
 		assert.htmlEqual(target.innerHTML, `
 			<div>
diff --git a/test/runtime/samples/default-data-function/_config.js b/test/runtime/samples/default-data-function/_config.js
index 94658e5450..e10982ec90 100644
--- a/test/runtime/samples/default-data-function/_config.js
+++ b/test/runtime/samples/default-data-function/_config.js
@@ -2,7 +2,7 @@ export default {
 	html: '<h1>Hello world!</h1>',
 
 	test ( assert, component, target ) {
-		component.set({ name: () => 'everybody' });
+		component.name = () => 'everybody';
 		assert.htmlEqual( target.innerHTML, '<h1>Hello everybody!</h1>' );
 	}
 };
diff --git a/test/runtime/samples/dev-warning-readonly-computed/_config.js b/test/runtime/samples/dev-warning-readonly-computed/_config.js
index 21eded719e..dd562de929 100644
--- a/test/runtime/samples/dev-warning-readonly-computed/_config.js
+++ b/test/runtime/samples/dev-warning-readonly-computed/_config.js
@@ -9,7 +9,7 @@ export default {
 
 	test ( assert, component ) {
 		try {
-			component.set({ foo: 1 });
+			component.foo = 1;
 			throw new Error( 'Expected an error' );
 		} catch ( err ) {
 			assert.equal( err.message, `<Main$>: Cannot set read-only property 'foo'` );
diff --git a/test/runtime/samples/dev-warning-readonly-window-binding/_config.js b/test/runtime/samples/dev-warning-readonly-window-binding/_config.js
index 9b9ee81c49..0df03ec3b6 100644
--- a/test/runtime/samples/dev-warning-readonly-window-binding/_config.js
+++ b/test/runtime/samples/dev-warning-readonly-window-binding/_config.js
@@ -5,7 +5,7 @@ export default {
 
 	test ( assert, component ) {
 		try {
-			component.set({ width: 99 });
+			component.width = 99;
 			throw new Error( 'Expected an error' );
 		} catch ( err ) {
 			assert.equal( err.message, `<Main$>: Cannot set read-only property 'width'` );
diff --git a/test/runtime/samples/dynamic-component-bindings-recreated-b/_config.js b/test/runtime/samples/dynamic-component-bindings-recreated-b/_config.js
index ab6575fd5f..95a64a4a41 100644
--- a/test/runtime/samples/dynamic-component-bindings-recreated-b/_config.js
+++ b/test/runtime/samples/dynamic-component-bindings-recreated-b/_config.js
@@ -13,20 +13,16 @@ export default {
 		// component.set({ foo: undefined });
 		// delete component._state.foo;
 
-		component.set({
-			x: false,
-			foo: undefined
-		});
+		component.x = false;
+		component.foo = undefined;
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>parent red</p>
 			<p>red red</p>
 		`);
 
-		component.set({
-			x: true,
-			foo: undefined
-		});
+		component.x = true;
+		component.foo = undefined;
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>parent green</p>
diff --git a/test/runtime/samples/dynamic-component-bindings-recreated/_config.js b/test/runtime/samples/dynamic-component-bindings-recreated/_config.js
index 58b7794662..8b9811bf99 100644
--- a/test/runtime/samples/dynamic-component-bindings-recreated/_config.js
+++ b/test/runtime/samples/dynamic-component-bindings-recreated/_config.js
@@ -9,18 +9,14 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
-			x: false
-		});
+		component.x = false;
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>red one</p>
 		`);
 
-		component.set({
-			x: true,
-			foo: 'two'
-		});
+		component.x = true;
+		component.foo = 'two';
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>green two</p>
diff --git a/test/runtime/samples/dynamic-component-bindings/_config.js b/test/runtime/samples/dynamic-component-bindings/_config.js
index 56aaeae3eb..4ea0db0277 100644
--- a/test/runtime/samples/dynamic-component-bindings/_config.js
+++ b/test/runtime/samples/dynamic-component-bindings/_config.js
@@ -15,9 +15,7 @@ export default {
 
 		assert.equal(component.get().y, 'abc');
 
-		component.set({
-			x: false
-		});
+		component.x = false;
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>bar</p>
diff --git a/test/runtime/samples/dynamic-component-destroy-null/_config.js b/test/runtime/samples/dynamic-component-destroy-null/_config.js
index 0a2e29a129..32a5e62677 100644
--- a/test/runtime/samples/dynamic-component-destroy-null/_config.js
+++ b/test/runtime/samples/dynamic-component-destroy-null/_config.js
@@ -6,8 +6,6 @@ export default {
 	nestedTransitions: true,
 
 	test(assert, component) {
-		component.set({
-			x: false
-		});
+		component.x = false;
 	}
 };
\ No newline at end of file
diff --git a/test/runtime/samples/dynamic-component-events/_config.js b/test/runtime/samples/dynamic-component-events/_config.js
index 74b0580229..c9d96b0f1a 100644
--- a/test/runtime/samples/dynamic-component-events/_config.js
+++ b/test/runtime/samples/dynamic-component-events/_config.js
@@ -13,9 +13,7 @@ export default {
 		target.querySelector('button').dispatchEvent(click);
 		assert.equal(component.get().selected, 'foo');
 
-		component.set({
-			x: false
-		});
+		component.x = false;
 
 		assert.htmlEqual(target.innerHTML, `
 			<button>select bar</button>
diff --git a/test/runtime/samples/dynamic-component-in-if/_config.js b/test/runtime/samples/dynamic-component-in-if/_config.js
index b8600a6846..0e087e890e 100644
--- a/test/runtime/samples/dynamic-component-in-if/_config.js
+++ b/test/runtime/samples/dynamic-component-in-if/_config.js
@@ -6,9 +6,7 @@ export default {
 	test(assert, component, target) {
 		const { Bar } = component.get();
 
-		component.set({
-			x: Bar
-		});
+		component.x = Bar;
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>Bar</p>
diff --git a/test/runtime/samples/dynamic-component-inside-element/_config.js b/test/runtime/samples/dynamic-component-inside-element/_config.js
index cd29d6455d..13de488962 100644
--- a/test/runtime/samples/dynamic-component-inside-element/_config.js
+++ b/test/runtime/samples/dynamic-component-inside-element/_config.js
@@ -8,9 +8,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
-			x: false
-		});
+		component.x = false;
 
 		assert.htmlEqual(target.innerHTML, `
 			<div><p>false, therefore Bar</p></div>
diff --git a/test/runtime/samples/dynamic-component-nulled-out/_config.js b/test/runtime/samples/dynamic-component-nulled-out/_config.js
index 17e51546ab..4c1e497ed2 100644
--- a/test/runtime/samples/dynamic-component-nulled-out/_config.js
+++ b/test/runtime/samples/dynamic-component-nulled-out/_config.js
@@ -8,11 +8,11 @@ export default {
 	test(assert, component, target) {
 		const state = component.get();
 
-		component.set({ Foo: null });
+		component.Foo = null;
 
 		assert.htmlEqual(target.innerHTML, ``);
 
-		component.set({ Foo: state.Foo });
+		component.Foo = state.Foo;
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>Foo</p>
diff --git a/test/runtime/samples/dynamic-component-slot/_config.js b/test/runtime/samples/dynamic-component-slot/_config.js
index 1822758036..466cff9c96 100644
--- a/test/runtime/samples/dynamic-component-slot/_config.js
+++ b/test/runtime/samples/dynamic-component-slot/_config.js
@@ -17,9 +17,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
-			x: false
-		});
+		component.x = false;
 
 		assert.htmlEqual(target.innerHTML, `
 			<h1>Bar</h1>
diff --git a/test/runtime/samples/dynamic-component-update-existing-instance/_config.js b/test/runtime/samples/dynamic-component-update-existing-instance/_config.js
index 34fa3129a2..47afa75d5e 100644
--- a/test/runtime/samples/dynamic-component-update-existing-instance/_config.js
+++ b/test/runtime/samples/dynamic-component-update-existing-instance/_config.js
@@ -8,9 +8,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
-			x: 2
-		});
+		component.x = 2;
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>Foo 2</p>
diff --git a/test/runtime/samples/dynamic-component/_config.js b/test/runtime/samples/dynamic-component/_config.js
index 296f1c732c..1f12c5a6c1 100644
--- a/test/runtime/samples/dynamic-component/_config.js
+++ b/test/runtime/samples/dynamic-component/_config.js
@@ -8,9 +8,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
-			x: false
-		});
+		component.x = false;
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>false, therefore Bar</p>
diff --git a/test/runtime/samples/each-block-containing-component-in-if/_config.js b/test/runtime/samples/each-block-containing-component-in-if/_config.js
index 4e84680b6d..f749857930 100644
--- a/test/runtime/samples/each-block-containing-component-in-if/_config.js
+++ b/test/runtime/samples/each-block-containing-component-in-if/_config.js
@@ -7,10 +7,8 @@ export default {
 	html: `<div></div>`,
 
 	test ( assert, component, target ) {
-		component.set({
-			show: true,
-			fields: [1, 2, 3]
-		});
+		component.show = true;
+		component.fields = [1, 2, 3];
 
 		assert.htmlEqual( target.innerHTML, `
 			<div>
@@ -20,9 +18,7 @@ export default {
 			</div>
 		` );
 
-		component.set({
-			fields: [1, 2, 3, 4]
-		});
+		component.fields = [1, 2, 3, 4];
 
 		assert.htmlEqual( target.innerHTML, `
 			<div>
diff --git a/test/runtime/samples/each-block-containing-if/_config.js b/test/runtime/samples/each-block-containing-if/_config.js
index cdb3d7e62c..76deb15e98 100644
--- a/test/runtime/samples/each-block-containing-if/_config.js
+++ b/test/runtime/samples/each-block-containing-if/_config.js
@@ -3,7 +3,7 @@ export default {
 		const items = component.get().items;
 		items.forEach( item => item.completed = false );
 
-		component.set({ currentFilter: 'all' });
+		component.currentFilter = 'all';
 
 		assert.htmlEqual( target.innerHTML, `
 			<ul><li>one</li><li>two</li><li>three</li></ul>`
diff --git a/test/runtime/samples/each-block-destructured-array-sparse/_config.js b/test/runtime/samples/each-block-destructured-array-sparse/_config.js
index 52b0ea9051..b3a863696f 100644
--- a/test/runtime/samples/each-block-destructured-array-sparse/_config.js
+++ b/test/runtime/samples/each-block-destructured-array-sparse/_config.js
@@ -12,7 +12,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ animalPawsEntries: [['foo', 'bar']] });
+		component.animalPawsEntries = [['foo', 'bar']];
 		assert.htmlEqual( target.innerHTML, `
 			<p>bar</p>
 		`);
diff --git a/test/runtime/samples/each-block-destructured-array/_config.js b/test/runtime/samples/each-block-destructured-array/_config.js
index 5b5d99c890..66be17fda8 100644
--- a/test/runtime/samples/each-block-destructured-array/_config.js
+++ b/test/runtime/samples/each-block-destructured-array/_config.js
@@ -12,7 +12,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ animalPawsEntries: [['foo', 'bar']] });
+		component.animalPawsEntries = [['foo', 'bar']];
 		assert.htmlEqual( target.innerHTML, `
 			<p>foo: bar</p>
 		`);
diff --git a/test/runtime/samples/each-block-destructured-object-binding/_config.js b/test/runtime/samples/each-block-destructured-object-binding/_config.js
index aef7e3506a..b378600663 100644
--- a/test/runtime/samples/each-block-destructured-object-binding/_config.js
+++ b/test/runtime/samples/each-block-destructured-object-binding/_config.js
@@ -34,7 +34,7 @@ export default {
 		`);
 
 		people[0].name.first = 'Frank';
-		component.set({ people });
+		component.people = people;
 
 		assert.htmlEqual(target.innerHTML, `
 			<input>
diff --git a/test/runtime/samples/each-block-destructured-object/_config.js b/test/runtime/samples/each-block-destructured-object/_config.js
index 377de89324..5d7b81435c 100644
--- a/test/runtime/samples/each-block-destructured-object/_config.js
+++ b/test/runtime/samples/each-block-destructured-object/_config.js
@@ -12,9 +12,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({
-			animalPawsEntries: [{ animal: 'cow', pawType: 'hooves' }]
-		});
+		component.animalPawsEntries = [{ animal: 'cow', pawType: 'hooves' }];
 		assert.htmlEqual( target.innerHTML, `
 			<p>cow: hooves</p>
 		`);
diff --git a/test/runtime/samples/each-block-dynamic-else-static/_config.js b/test/runtime/samples/each-block-dynamic-else-static/_config.js
index a87c94ddaa..ab6437083a 100644
--- a/test/runtime/samples/each-block-dynamic-else-static/_config.js
+++ b/test/runtime/samples/each-block-dynamic-else-static/_config.js
@@ -10,21 +10,21 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ animals: [] });
+		component.animals = [];
 		assert.htmlEqual( target.innerHTML, `
 			<p>no animals</p>
 		` );
 
 		// trigger an 'update' of the else block, to ensure that
 		// non-existent update method is not called
-		component.set({ animals: [] });
+		component.animals = [];
 
-		component.set({ animals: ['wombat'] });
+		component.animals = ['wombat'];
 		assert.htmlEqual( target.innerHTML, `
 			<p>wombat</p>
 		` );
 
-		component.set({ animals: ['dinosaur'] });
+		component.animals = ['dinosaur'];
 		assert.htmlEqual( target.innerHTML, `
 			<p>dinosaur</p>
 		` );
diff --git a/test/runtime/samples/each-block-else-starts-empty/_config.js b/test/runtime/samples/each-block-else-starts-empty/_config.js
index ef5431f090..aec860edc0 100644
--- a/test/runtime/samples/each-block-else-starts-empty/_config.js
+++ b/test/runtime/samples/each-block-else-starts-empty/_config.js
@@ -11,7 +11,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ animals: ['wombat'] });
+		component.animals = ['wombat'];
 		assert.htmlEqual( target.innerHTML, `
 			before
 			<p>wombat</p>
diff --git a/test/runtime/samples/each-block-else/_config.js b/test/runtime/samples/each-block-else/_config.js
index b32ba1f300..7e3a4181ba 100644
--- a/test/runtime/samples/each-block-else/_config.js
+++ b/test/runtime/samples/each-block-else/_config.js
@@ -13,21 +13,21 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ animals: [] });
+		component.animals = [];
 		assert.htmlEqual( target.innerHTML, `
 			before
 			<p>no animals, but rather something else</p>
 			after
 		` );
 
-		component.set({ foo: 'something other' });
+		component.foo = 'something other';
 		assert.htmlEqual( target.innerHTML, `
 			before
 			<p>no animals, but rather something other</p>
 			after
 		` );
 
-		component.set({ animals: ['wombat'] });
+		component.animals = ['wombat'];
 		assert.htmlEqual( target.innerHTML, `
 			before
 			<p>wombat</p>
diff --git a/test/runtime/samples/each-block-empty-outro/_config.js b/test/runtime/samples/each-block-empty-outro/_config.js
index 44a8bfee27..cf8aa18153 100644
--- a/test/runtime/samples/each-block-empty-outro/_config.js
+++ b/test/runtime/samples/each-block-empty-outro/_config.js
@@ -13,7 +13,7 @@ export default {
 	nestedTransitions: true,
 
 	test(assert, component, target) {
-		component.set({ visible: false });
+		component.visible = false;
 
 		assert.htmlEqual(target.innerHTML, ``);
 	}
diff --git a/test/runtime/samples/each-block-in-if-block/_config.js b/test/runtime/samples/each-block-in-if-block/_config.js
index c41e803486..fb8f4820ad 100644
--- a/test/runtime/samples/each-block-in-if-block/_config.js
+++ b/test/runtime/samples/each-block-in-if-block/_config.js
@@ -7,7 +7,7 @@ export default {
 	html: '<div><div>Apple</div><div>Banana</div><div>Tomato</div></div>',
 
 	test ( assert, component, target ) {
-		component.set({ dummy: true });
+		component.dummy = true;
 		assert.htmlEqual(target.innerHTML, '<div><div>Apple</div><div>Banana</div><div>Tomato</div></div>' );
 	}
 };
diff --git a/test/runtime/samples/each-block-index-only/_config.js b/test/runtime/samples/each-block-index-only/_config.js
index 4df3e34bb7..0d303795f6 100644
--- a/test/runtime/samples/each-block-index-only/_config.js
+++ b/test/runtime/samples/each-block-index-only/_config.js
@@ -12,9 +12,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
-			things: [0, 0, 0]
-		});
+		component.things = [0, 0, 0];
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>0</p>
diff --git a/test/runtime/samples/each-block-keyed-dynamic/_config.js b/test/runtime/samples/each-block-keyed-dynamic/_config.js
index b8a3dd2d35..32d273a163 100644
--- a/test/runtime/samples/each-block-keyed-dynamic/_config.js
+++ b/test/runtime/samples/each-block-keyed-dynamic/_config.js
@@ -14,12 +14,10 @@ export default {
 	test ( assert, component, target ) {
 		const [ p1, p2 ] = target.querySelectorAll( 'p' );
 
-		component.set({
-			todos: [
-				{ id: 123, description: 'buy beer' },
-				{ id: 234, description: 'drink beer' }
-			]
-		});
+		component.todos = [
+			{ id: 123, description: 'buy beer' },
+			{ id: 234, description: 'drink beer' }
+		];
 		assert.htmlEqual( target.innerHTML, `
 			<p>buy beer</p>
 			<p>drink beer</p>
diff --git a/test/runtime/samples/each-block-keyed-non-prop/_config.js b/test/runtime/samples/each-block-keyed-non-prop/_config.js
index 063386c917..58323b4ff3 100644
--- a/test/runtime/samples/each-block-keyed-non-prop/_config.js
+++ b/test/runtime/samples/each-block-keyed-non-prop/_config.js
@@ -12,9 +12,7 @@ export default {
 	test(assert, component, target) {
 		const [p1, p2, p3] = target.querySelectorAll('p');
 
-		component.set({
-			words: ['foo', 'baz'],
-		});
+		component.words = ['foo', 'baz'];
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>foo</p>
diff --git a/test/runtime/samples/each-block-keyed-random-permute/_config.js b/test/runtime/samples/each-block-keyed-random-permute/_config.js
index 701a7a2146..06aefcf93f 100644
--- a/test/runtime/samples/each-block-keyed-random-permute/_config.js
+++ b/test/runtime/samples/each-block-keyed-random-permute/_config.js
@@ -28,7 +28,7 @@ export default {
 		function test(sequence) {
 			const previous = target.textContent;
 			const expected = sequence.split('').map(x => `(${x})`).join('');
-			component.set({ values: toObjects(sequence) });
+			component.values = toObjects(sequence);
 			assert.htmlEqual(
 				target.innerHTML,
 				expected,
diff --git a/test/runtime/samples/each-block-keyed-siblings/_config.js b/test/runtime/samples/each-block-keyed-siblings/_config.js
index 517183ced1..45495a0959 100644
--- a/test/runtime/samples/each-block-keyed-siblings/_config.js
+++ b/test/runtime/samples/each-block-keyed-siblings/_config.js
@@ -10,9 +10,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
-			ones: [{ text: '11' }]
-		});
+		component.ones = [{ text: '11' }];
 
 		assert.htmlEqual(target.innerHTML, `
 			<div>11</div>
diff --git a/test/runtime/samples/each-block-keyed-unshift/_config.js b/test/runtime/samples/each-block-keyed-unshift/_config.js
index 130f114a12..77a31d4f09 100644
--- a/test/runtime/samples/each-block-keyed-unshift/_config.js
+++ b/test/runtime/samples/each-block-keyed-unshift/_config.js
@@ -9,9 +9,7 @@ export default {
 	`,
 
 	test (assert, component, target) {
-		component.set({
-			titles: [{ name: 'a' }, { name: 'b' }, { name: 'c' }]
-		});
+		component.titles = [{ name: 'a' }, { name: 'b' }, { name: 'c' }];
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>a</p>
diff --git a/test/runtime/samples/each-block-keyed/_config.js b/test/runtime/samples/each-block-keyed/_config.js
index 614b32a5a5..6bc92c6fe8 100644
--- a/test/runtime/samples/each-block-keyed/_config.js
+++ b/test/runtime/samples/each-block-keyed/_config.js
@@ -14,11 +14,9 @@ export default {
 	test ( assert, component, target ) {
 		const [ p1, p2 ] = target.querySelectorAll( 'p' );
 
-		component.set({
-			todos: [
-				{ id: 234, description: 'implement client-side hydration' }
-			]
-		});
+		component.todos = [
+			{ id: 234, description: 'implement client-side hydration' }
+		];
 		assert.htmlEqual( target.innerHTML, '<p>1: implement client-side hydration</p>' );
 
 		const [ p3 ] = target.querySelectorAll( 'p' );
diff --git a/test/runtime/samples/each-block-random-permute/_config.js b/test/runtime/samples/each-block-random-permute/_config.js
index 080c523737..e1dbfbdfbc 100644
--- a/test/runtime/samples/each-block-random-permute/_config.js
+++ b/test/runtime/samples/each-block-random-permute/_config.js
@@ -26,7 +26,7 @@ export default {
 	test ( assert, component, target ) {
 		for (let i = 0; i < 100; i++) {
 			step = permute();
-			component.set({ values: step.data });
+			component.values = step.data;
 			assert.htmlEqual( target.innerHTML, step.expected );
 		}
 	}
diff --git a/test/runtime/samples/each-block-static/_config.js b/test/runtime/samples/each-block-static/_config.js
index 9d3f10a8c8..c753d7709f 100644
--- a/test/runtime/samples/each-block-static/_config.js
+++ b/test/runtime/samples/each-block-static/_config.js
@@ -6,7 +6,7 @@ export default {
 	html: ``,
 
 	test (assert, component, target) {
-		component.set({ items: ['x'] });
+		component.items = ['x'];
 		assert.htmlEqual(target.innerHTML, `foo`);
 	}
 };
diff --git a/test/runtime/samples/each-block-text-node/_config.js b/test/runtime/samples/each-block-text-node/_config.js
index bdd35366dc..3373aac441 100644
--- a/test/runtime/samples/each-block-text-node/_config.js
+++ b/test/runtime/samples/each-block-text-node/_config.js
@@ -6,9 +6,9 @@ export default {
 	html: '(alpaca)(baboon)(capybara)',
 
 	test ( assert, component, target ) {
-		component.set({ animals: [ 'caribou', 'dogfish' ] });
+		component.animals = [ 'caribou', 'dogfish' ];
 		assert.htmlEqual( target.innerHTML, '(caribou)(dogfish)' );
-		component.set({ animals: [] });
+		component.animals = [];
 		assert.htmlEqual( target.innerHTML, '' );
 	}
 };
diff --git a/test/runtime/samples/each-block/_config.js b/test/runtime/samples/each-block/_config.js
index afdca35e1d..86bfdf23ce 100644
--- a/test/runtime/samples/each-block/_config.js
+++ b/test/runtime/samples/each-block/_config.js
@@ -10,7 +10,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ animals: [ 'alpaca', 'baboon', 'caribou', 'dogfish' ] });
+		component.animals = [ 'alpaca', 'baboon', 'caribou', 'dogfish' ];
 		assert.htmlEqual( target.innerHTML, `
 			<p>alpaca</p>
 			<p>baboon</p>
@@ -18,7 +18,7 @@ export default {
 			<p>dogfish</p>
 		` );
 
-		component.set({ animals: [] });
+		component.animals = [];
 		assert.htmlEqual( target.innerHTML, '' );
 	}
 };
diff --git a/test/runtime/samples/event-handler-each-context/_config.js b/test/runtime/samples/event-handler-each-context/_config.js
index 249d6136c7..2c0f026b5b 100644
--- a/test/runtime/samples/event-handler-each-context/_config.js
+++ b/test/runtime/samples/event-handler-each-context/_config.js
@@ -14,7 +14,7 @@ export default {
 		button.dispatchEvent(event);
 		assert.equal(component.get().foo, 'right');
 
-		component.set({ bar: 'left' });
+		component.bar = 'left';
 		button.dispatchEvent(event);
 		assert.equal(component.get().foo, 'left');
 	}
diff --git a/test/runtime/samples/event-handler-removal/_config.js b/test/runtime/samples/event-handler-removal/_config.js
index 474b6ef63e..5b7fd0f699 100644
--- a/test/runtime/samples/event-handler-removal/_config.js
+++ b/test/runtime/samples/event-handler-removal/_config.js
@@ -6,10 +6,10 @@ export default {
 		component.refs.input.focus();
 
 		// this should NOT trigger blur event
-		component.set({ visible: false });
+		component.visible = false;
 		assert.ok( !component.get().blurred );
 
-		component.set({ visible: true });
+		component.visible = true;
 		component.refs.input.focus();
 
 		// this SHOULD trigger blur event
diff --git a/test/runtime/samples/function-in-expression/_config.js b/test/runtime/samples/function-in-expression/_config.js
index 045a47c4d4..b51bc30da7 100644
--- a/test/runtime/samples/function-in-expression/_config.js
+++ b/test/runtime/samples/function-in-expression/_config.js
@@ -6,9 +6,7 @@ export default {
 	html: '1, 3, 5, 7, 9',
 
 	test ( assert, component, target ) {
-		component.set({
-			numbers: [ 10, 11, 12, 13, 14, 15, 16 ]
-		});
+		component.numbers = [ 10, 11, 12, 13, 14, 15, 16 ];
 
 		assert.htmlEqual( target.innerHTML, `11, 13, 15` );
 
diff --git a/test/runtime/samples/globals-not-dereferenced/_config.js b/test/runtime/samples/globals-not-dereferenced/_config.js
index b3169a8aba..45347663bc 100644
--- a/test/runtime/samples/globals-not-dereferenced/_config.js
+++ b/test/runtime/samples/globals-not-dereferenced/_config.js
@@ -6,7 +6,7 @@ export default {
 	html: '5',
 
 	test ( assert, component, target ) {
-		component.set({ x: 3 });
+		component.x = 3;
 		assert.htmlEqual( target.innerHTML, '3' );
 	}
 };
diff --git a/test/runtime/samples/globals-shadowed-by-data/_config.js b/test/runtime/samples/globals-shadowed-by-data/_config.js
index 8f9ad3f825..2c14367228 100644
--- a/test/runtime/samples/globals-shadowed-by-data/_config.js
+++ b/test/runtime/samples/globals-shadowed-by-data/_config.js
@@ -6,7 +6,7 @@ export default {
 	html: 'potato',
 
 	test ( assert, component, target ) {
-		component.set({ x: 3 });
+		component.x = 3;
 		assert.htmlEqual( target.innerHTML, 'potato' );
 	}
 };
diff --git a/test/runtime/samples/globals-shadowed-by-helpers/_config.js b/test/runtime/samples/globals-shadowed-by-helpers/_config.js
index 8f9ad3f825..2c14367228 100644
--- a/test/runtime/samples/globals-shadowed-by-helpers/_config.js
+++ b/test/runtime/samples/globals-shadowed-by-helpers/_config.js
@@ -6,7 +6,7 @@ export default {
 	html: 'potato',
 
 	test ( assert, component, target ) {
-		component.set({ x: 3 });
+		component.x = 3;
 		assert.htmlEqual( target.innerHTML, 'potato' );
 	}
 };
diff --git a/test/runtime/samples/head-if-block/_config.js b/test/runtime/samples/head-if-block/_config.js
index f8062c04ae..22be0af6d0 100644
--- a/test/runtime/samples/head-if-block/_config.js
+++ b/test/runtime/samples/head-if-block/_config.js
@@ -6,7 +6,7 @@ export default {
 	test(assert, component, target, window) {
 		assert.equal(window.document.title, '');
 
-		component.set({ condition: true });
+		component.condition = true;
 		assert.equal(window.document.title, 'woo!!!');
 	}
 };
\ No newline at end of file
diff --git a/test/runtime/samples/head-title-dynamic/_config.js b/test/runtime/samples/head-title-dynamic/_config.js
index 20c1e53e66..bfe5cd3d96 100644
--- a/test/runtime/samples/head-title-dynamic/_config.js
+++ b/test/runtime/samples/head-title-dynamic/_config.js
@@ -6,7 +6,7 @@ export default {
 	test(assert, component, target, window) {
 		assert.equal(window.document.title, 'a custom title');
 
-		component.set({ adjective: 'different' });
+		component.adjective = 'different';
 		assert.equal(window.document.title, 'a different title');
 	}
 };
\ No newline at end of file
diff --git a/test/runtime/samples/hello-world/_config.js b/test/runtime/samples/hello-world/_config.js
index aaaad48ee3..f7c6678103 100644
--- a/test/runtime/samples/hello-world/_config.js
+++ b/test/runtime/samples/hello-world/_config.js
@@ -6,7 +6,7 @@ export default {
 	html: '<h1>Hello world!</h1>',
 
 	test ( assert, component, target ) {
-		component.set({ name: 'everybody' });
+		component.name = 'everybody';
 		assert.htmlEqual( target.innerHTML, '<h1>Hello everybody!</h1>' );
 
 		component.destroy();
diff --git a/test/runtime/samples/if-block-component-without-outro/_config.js b/test/runtime/samples/if-block-component-without-outro/_config.js
index 6aeadf54e4..921418d4ba 100644
--- a/test/runtime/samples/if-block-component-without-outro/_config.js
+++ b/test/runtime/samples/if-block-component-without-outro/_config.js
@@ -9,7 +9,7 @@ export default {
 	html: '<div>A wild component appears</div>',
 
 	test(assert, component, target) {
-		component.set({ foo: false });
+		component.foo = false;
 		assert.htmlEqual(target.innerHTML, '');
 	},
 };
diff --git a/test/runtime/samples/if-block-else-partial-outro/_config.js b/test/runtime/samples/if-block-else-partial-outro/_config.js
index 35c8efebf1..5669eeec50 100644
--- a/test/runtime/samples/if-block-else-partial-outro/_config.js
+++ b/test/runtime/samples/if-block-else-partial-outro/_config.js
@@ -11,7 +11,7 @@ export default {
 	nestedTransitions: true,
 
 	test(assert, component, target) {
-		component.set({ x: 2 });
+		component.x = 2;
 		assert.htmlEqual(target.innerHTML, `
 			<span>2</span>
 		`);
diff --git a/test/runtime/samples/if-block-else/_config.js b/test/runtime/samples/if-block-else/_config.js
index b918623276..bf39b655c3 100644
--- a/test/runtime/samples/if-block-else/_config.js
+++ b/test/runtime/samples/if-block-else/_config.js
@@ -10,19 +10,19 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ foo: false });
+		component.foo = false;
 		assert.htmlEqual( target.innerHTML, `
 			<p>not foo</p>
 			<p>not bar</p>
 		` );
 
-		component.set({ bar: true });
+		component.bar = true;
 		assert.htmlEqual( target.innerHTML, `
 			<p>not foo</p>
 			<p>bar</p>
 		` );
 
-		component.set({ foo: true });
+		component.foo = true;
 		assert.htmlEqual( target.innerHTML, `
 			<p>foo</p>
 			<p>bar</p>
diff --git a/test/runtime/samples/if-block-elseif-no-else/_config.js b/test/runtime/samples/if-block-elseif-no-else/_config.js
index addcab919a..1d27968b36 100644
--- a/test/runtime/samples/if-block-elseif-no-else/_config.js
+++ b/test/runtime/samples/if-block-elseif-no-else/_config.js
@@ -8,12 +8,12 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({ x: 4 });
+		component.x = 4;
 		assert.htmlEqual(target.innerHTML, `
 			<p>x is less than 5</p>
 		`);
 
-		component.set({ x: 6 });
+		component.x = 6;
 		assert.htmlEqual(target.innerHTML, ``);
 
 		component.destroy();
diff --git a/test/runtime/samples/if-block-elseif-text/_config.js b/test/runtime/samples/if-block-elseif-text/_config.js
index 465f4d866f..55fb92ad70 100644
--- a/test/runtime/samples/if-block-elseif-text/_config.js
+++ b/test/runtime/samples/if-block-elseif-text/_config.js
@@ -8,12 +8,12 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ x: 4 });
+		component.x = 4;
 		assert.htmlEqual( target.innerHTML, `
 			before-elseif-after
 		` );
 
-		component.set({ x: 6 });
+		component.x = 6;
 		assert.htmlEqual( target.innerHTML, `
 			before-else-after
 		` );
diff --git a/test/runtime/samples/if-block-elseif/_config.js b/test/runtime/samples/if-block-elseif/_config.js
index 39a3d36611..41fc66ed3e 100644
--- a/test/runtime/samples/if-block-elseif/_config.js
+++ b/test/runtime/samples/if-block-elseif/_config.js
@@ -8,12 +8,12 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ x: 4 });
+		component.x = 4;
 		assert.htmlEqual( target.innerHTML, `
 			<p>x is less than 5</p>
 		` );
 
-		component.set({ x: 6 });
+		component.x = 6;
 		assert.htmlEqual( target.innerHTML, `
 			<p>x is between 5 and 10</p>
 		` );
diff --git a/test/runtime/samples/if-block-first/_config.js b/test/runtime/samples/if-block-first/_config.js
index 0771feeaa8..cb4b56a0cb 100644
--- a/test/runtime/samples/if-block-first/_config.js
+++ b/test/runtime/samples/if-block-first/_config.js
@@ -6,7 +6,7 @@ export default {
 	html: '<div><div>before me</div></div>',
 
 	test ( assert, component, target ) {
-		component.set({ visible: true });
+		component.visible = true;
 		assert.htmlEqual(target.innerHTML, '<div><div>i am visible</div><div>before me</div></div>' );
 	}
 };
diff --git a/test/runtime/samples/if-block-no-outro-else-with-outro/_config.js b/test/runtime/samples/if-block-no-outro-else-with-outro/_config.js
index 60adf28e39..a536541c1a 100644
--- a/test/runtime/samples/if-block-no-outro-else-with-outro/_config.js
+++ b/test/runtime/samples/if-block-no-outro-else-with-outro/_config.js
@@ -14,7 +14,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({ x: 'y' });
+		component.x = 'y';
 		assert.htmlEqual(target.innerHTML, `
 			<div>A wild component appears</div>
 			<p>y</p>
diff --git a/test/runtime/samples/if-block-or/_config.js b/test/runtime/samples/if-block-or/_config.js
index 7718c59452..d444d9c0e7 100644
--- a/test/runtime/samples/if-block-or/_config.js
+++ b/test/runtime/samples/if-block-or/_config.js
@@ -7,9 +7,9 @@ export default {
 	html: '<p>i am visible</p>',
 
 	test ( assert, component, target ) {
-		component.set({ a: false });
+		component.a = false;
 		assert.htmlEqual( target.innerHTML, '' );
-		component.set({ b: true });
+		component.b = true;
 		assert.htmlEqual( target.innerHTML, '<p>i am visible</p>' );
 	}
 };
diff --git a/test/runtime/samples/if-block-outro-nested-else/_config.js b/test/runtime/samples/if-block-outro-nested-else/_config.js
index 4fe5eaa926..153afd2745 100644
--- a/test/runtime/samples/if-block-outro-nested-else/_config.js
+++ b/test/runtime/samples/if-block-outro-nested-else/_config.js
@@ -3,6 +3,6 @@ export default {
 
 	test ( assert, component, target ) {
 		// Would cause "TypeError: Cannot read property 'o' of undefined"
-		component.set({ foo: false });
+		component.foo = false;
 	}
 };
diff --git a/test/runtime/samples/if-block-widget/_config.js b/test/runtime/samples/if-block-widget/_config.js
index 3064fe975e..440700d98d 100644
--- a/test/runtime/samples/if-block-widget/_config.js
+++ b/test/runtime/samples/if-block-widget/_config.js
@@ -10,14 +10,14 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ visible: false });
+		component.visible = false;
 		assert.htmlEqual( target.innerHTML, `
 			before
 
 			after
 		` );
 
-		component.set({ visible: true });
+		component.visible = true;
 		assert.htmlEqual( target.innerHTML, `
 			before
 			<p>Widget</p>
diff --git a/test/runtime/samples/if-block/_config.js b/test/runtime/samples/if-block/_config.js
index 36fc68c891..5fd133f7d9 100644
--- a/test/runtime/samples/if-block/_config.js
+++ b/test/runtime/samples/if-block/_config.js
@@ -6,9 +6,9 @@ export default {
 	html: '<p>i am visible</p>',
 
 	test ( assert, component, target ) {
-		component.set({ visible: false });
+		component.visible = false;
 		assert.htmlEqual( target.innerHTML, '' );
-		component.set({ visible: true });
+		component.visible = true;
 		assert.htmlEqual( target.innerHTML, '<p>i am visible</p>' );
 	}
 };
diff --git a/test/runtime/samples/ignore-unchanged-attribute-compound/_config.js b/test/runtime/samples/ignore-unchanged-attribute-compound/_config.js
index 6e33d84b64..a284e32434 100644
--- a/test/runtime/samples/ignore-unchanged-attribute-compound/_config.js
+++ b/test/runtime/samples/ignore-unchanged-attribute-compound/_config.js
@@ -14,13 +14,15 @@ export default {
 	test(assert, component) {
 		counter.count = 0;
 
-		component.set({ x: 3 });
+		component.x = 3;
 		assert.equal(counter.count, 0);
 
-		component.set({ x: 4, y: 5 });
+		component.x = 4;
+		component.y = 5;
 		assert.equal(counter.count, 1);
 
-		component.set({ x: 5, y: 5 });
+		component.x = 5;
+		component.y = 5;
 		assert.equal(counter.count, 1);
 	}
 };
diff --git a/test/runtime/samples/ignore-unchanged-attribute/_config.js b/test/runtime/samples/ignore-unchanged-attribute/_config.js
index bfde55a39c..46278acc20 100644
--- a/test/runtime/samples/ignore-unchanged-attribute/_config.js
+++ b/test/runtime/samples/ignore-unchanged-attribute/_config.js
@@ -14,13 +14,15 @@ export default {
 	test(assert, component) {
 		counter.count = 0;
 
-		component.set({ x: 3 });
+		component.x = 3;
 		assert.equal(counter.count, 0);
 
-		component.set({ x: 4, y: 5 });
+		component.x = 4;
+		component.y = 5;
 		assert.equal(counter.count, 1);
 
-		component.set({ x: 5, y: 5 });
+		component.x = 5;
+		component.y = 5;
 		assert.equal(counter.count, 1);
 	}
 };
diff --git a/test/runtime/samples/ignore-unchanged-raw/_config.js b/test/runtime/samples/ignore-unchanged-raw/_config.js
index 9c425ce8ba..ba19b7c33f 100644
--- a/test/runtime/samples/ignore-unchanged-raw/_config.js
+++ b/test/runtime/samples/ignore-unchanged-raw/_config.js
@@ -14,13 +14,15 @@ export default {
 	test(assert, component) {
 		counter.count = 0;
 
-		component.set({ x: 3 });
+		component.x = 3;
 		assert.equal(counter.count, 0);
 
-		component.set({ x: 4, y: 5 });
+		component.x = 4;
+		component.y = 5;
 		assert.equal(counter.count, 1);
 
-		component.set({ x: 5, y: 5 });
+		component.x = 5;
+		component.y = 5;
 		assert.equal(counter.count, 1);
 	}
 };
diff --git a/test/runtime/samples/ignore-unchanged-tag/_config.js b/test/runtime/samples/ignore-unchanged-tag/_config.js
index 9c425ce8ba..ba19b7c33f 100644
--- a/test/runtime/samples/ignore-unchanged-tag/_config.js
+++ b/test/runtime/samples/ignore-unchanged-tag/_config.js
@@ -14,13 +14,15 @@ export default {
 	test(assert, component) {
 		counter.count = 0;
 
-		component.set({ x: 3 });
+		component.x = 3;
 		assert.equal(counter.count, 0);
 
-		component.set({ x: 4, y: 5 });
+		component.x = 4;
+		component.y = 5;
 		assert.equal(counter.count, 1);
 
-		component.set({ x: 5, y: 5 });
+		component.x = 5;
+		component.y = 5;
 		assert.equal(counter.count, 1);
 	}
 };
diff --git a/test/runtime/samples/immutable-root/_config.js b/test/runtime/samples/immutable-root/_config.js
index ab0b4287d8..b81a9fb170 100644
--- a/test/runtime/samples/immutable-root/_config.js
+++ b/test/runtime/samples/immutable-root/_config.js
@@ -5,13 +5,13 @@ export default {
 	test(assert, component, target, window) {
 		component.on('state', ({ changed }) => {
 			if (changed.foo) {
-				component.set({ count: component.get().count + 1 });
+				component.count = component.get().count + 1;
 			}
 		});
 
 		assert.htmlEqual(target.innerHTML, `<div><h3>Called 0 times.</h3></div>`);
 
-		component.set({ foo: component.get().foo });
+		component.foo = component.get().foo;
 		assert.htmlEqual(target.innerHTML, `<div><h3>Called 0 times.</h3></div>`);
 	}
 };
diff --git a/test/runtime/samples/inline-expressions/_config.js b/test/runtime/samples/inline-expressions/_config.js
index 08943303ec..a1612c69db 100644
--- a/test/runtime/samples/inline-expressions/_config.js
+++ b/test/runtime/samples/inline-expressions/_config.js
@@ -5,7 +5,8 @@ export default {
 	},
 	html: '<p>1 + 2 = 3</p>',
 	test ( assert, component, target ) {
-		component.set({ a: 3, b: 4 });
+		component.a = 3;
+		component.b = 4;
 		assert.equal( target.innerHTML, '<p>3 + 4 = 7</p>' );
 	}
 };
diff --git a/test/runtime/samples/names-deconflicted/_config.js b/test/runtime/samples/names-deconflicted/_config.js
index 0c4f9d910a..cc3eba7f47 100644
--- a/test/runtime/samples/names-deconflicted/_config.js
+++ b/test/runtime/samples/names-deconflicted/_config.js
@@ -2,12 +2,10 @@ export default {
 	html: `<p>1: foo</p><p>2: bar</p><p>3: baz</p>`,
 
 	test ( assert, component, target ) {
-		component.set({
-			widgets: [
-				{ name: 'bish' },
-				{ name: 'bosh' }
-			]
-		});
+		component.widgets = [
+			{ name: 'bish' },
+			{ name: 'bosh' }
+		];
 
 		assert.htmlEqual( target.innerHTML, `<p>1: bish</p><p>2: bosh</p>` );
 	}
diff --git a/test/runtime/samples/nested-transition-detach-each/_config.js b/test/runtime/samples/nested-transition-detach-each/_config.js
index 18690ff649..a226e098d9 100644
--- a/test/runtime/samples/nested-transition-detach-each/_config.js
+++ b/test/runtime/samples/nested-transition-detach-each/_config.js
@@ -14,7 +14,7 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ visible: true });
+		component.visible = true;
 		assert.htmlEqual(target.innerHTML, `
 			<div class="row">
 				<div class="cell">1, a</div>
@@ -33,7 +33,7 @@ export default {
 			</div>
 		`);
 
-		component.set({ visible: false });
+		component.visible = false;
 		raf.tick(0);
 		raf.tick(100);
 		assert.htmlEqual(target.innerHTML, ``);
diff --git a/test/runtime/samples/nested-transition-if-block-not-remounted/_config.js b/test/runtime/samples/nested-transition-if-block-not-remounted/_config.js
index 66bd72a5a0..16c762537a 100644
--- a/test/runtime/samples/nested-transition-if-block-not-remounted/_config.js
+++ b/test/runtime/samples/nested-transition-if-block-not-remounted/_config.js
@@ -21,6 +21,6 @@ export default {
 			throw new Error('DOM was mutated');
 		};
 
-		component.set({ value: 'two' });
+		component.value = 'two';
 	},
 };
diff --git a/test/runtime/samples/observe-component-ignores-irrelevant-changes/_config.js b/test/runtime/samples/observe-component-ignores-irrelevant-changes/_config.js
index f14d044a19..31debad5c9 100644
--- a/test/runtime/samples/observe-component-ignores-irrelevant-changes/_config.js
+++ b/test/runtime/samples/observe-component-ignores-irrelevant-changes/_config.js
@@ -9,7 +9,7 @@ export default {
 
 		assert.equal(count, 0);
 
-		component.set({ y: {} });
+		component.y = {};
 		assert.equal(count, 0);
 	}
 };
diff --git a/test/runtime/samples/observe-deferred/_config.js b/test/runtime/samples/observe-deferred/_config.js
index bbfcd4907f..65a2ba3b2b 100644
--- a/test/runtime/samples/observe-deferred/_config.js
+++ b/test/runtime/samples/observe-deferred/_config.js
@@ -11,7 +11,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ value: 'goodbye!' });
+		component.value = 'goodbye!';
 		assert.htmlEqual( target.innerHTML, `
 			<p>goodbye!</p>
 			<p>goodbye!</p>
diff --git a/test/runtime/samples/observe-prevents-loop/_config.js b/test/runtime/samples/observe-prevents-loop/_config.js
index b097e82469..4ccb634355 100644
--- a/test/runtime/samples/observe-prevents-loop/_config.js
+++ b/test/runtime/samples/observe-prevents-loop/_config.js
@@ -10,7 +10,7 @@ export default {
 			if (changed.thing) {
 				const { thing } = current;
 				thing.b = thing.a * 2;
-				component.set({ thing }); // triggers infinite loop, unless event handler breaks it
+				component.thing = thing; // triggers infinite loop, unless event handler breaks it
 			}
 		});
 
@@ -19,7 +19,7 @@ export default {
 		});
 
 		thing.a = 3;
-		component.set({ thing });
+		component.thing = thing;
 
 		assert.deepEqual(thing, {
 			a: 3,
diff --git a/test/runtime/samples/ondestroy-before-cleanup/_config.js b/test/runtime/samples/ondestroy-before-cleanup/_config.js
index d83fbf17ae..7610f2cf57 100644
--- a/test/runtime/samples/ondestroy-before-cleanup/_config.js
+++ b/test/runtime/samples/ondestroy-before-cleanup/_config.js
@@ -3,7 +3,7 @@ export default {
 		const top = component.refs.top;
 		const div = target.querySelector('div');
 
-		component.set({ visible: false });
+		component.visible = false;
 		assert.equal(top.refOnDestroy, div);
 	}
 };
\ No newline at end of file
diff --git a/test/runtime/samples/onrender-fires-when-ready/_config.js b/test/runtime/samples/onrender-fires-when-ready/_config.js
index d70d2c6e53..acd550ed3e 100644
--- a/test/runtime/samples/onrender-fires-when-ready/_config.js
+++ b/test/runtime/samples/onrender-fires-when-ready/_config.js
@@ -4,7 +4,7 @@ export default {
 	html: `<div><p>true</p></div>`,
 
 	test ( assert, component, target ) {
-		component.set({ foo: true });
+		component.foo = true;
 		assert.htmlEqual( target.innerHTML, `<div><p>true</p>\n<p>true</p></div>` );
 
 		component.destroy();
diff --git a/test/runtime/samples/onstate-event/_config.js b/test/runtime/samples/onstate-event/_config.js
index d1396534a0..72f3dc7d25 100644
--- a/test/runtime/samples/onstate-event/_config.js
+++ b/test/runtime/samples/onstate-event/_config.js
@@ -15,16 +15,16 @@ export default {
 
 		component.on('state', ({ changed, current, previous }) => {
 			history.push({ changed, current, previous });
-			component.set({ bar: current.foo.toUpperCase() });
+			component.bar = current.foo.toUpperCase();
 		});
 
-		component.set({ foo: 'yeah!' });
+		component.foo = 'yeah!';
 		assert.htmlEqual(target.innerHTML, `
 			<p>yeah!</p>
 			<p>YEAH!</p>
 		`);
 
-		component.set({ unused: 'x' });
+		component.unused = 'x';
 
 		assert.deepEqual(history, [
 			{
diff --git a/test/runtime/samples/onstate/_config.js b/test/runtime/samples/onstate/_config.js
index 8ca941315f..3ff5de7873 100644
--- a/test/runtime/samples/onstate/_config.js
+++ b/test/runtime/samples/onstate/_config.js
@@ -11,7 +11,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({ foo: 'yeah!' });
+		component.foo = 'yeah!';
 		assert.htmlEqual(target.innerHTML, `
 			<p>yeah!</p>
 			<p>YEAH!</p>
diff --git a/test/runtime/samples/onupdate/_config.js b/test/runtime/samples/onupdate/_config.js
index dcf2716157..9a4ad53767 100644
--- a/test/runtime/samples/onupdate/_config.js
+++ b/test/runtime/samples/onupdate/_config.js
@@ -11,7 +11,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({ value: 'goodbye!' });
+		component.value = 'goodbye!';
 		assert.htmlEqual(target.innerHTML, `
 			<p>goodbye!</p>
 			<p>goodbye!</p>
diff --git a/test/runtime/samples/option-without-select/_config.js b/test/runtime/samples/option-without-select/_config.js
index b7ab78a24d..84b1da2230 100644
--- a/test/runtime/samples/option-without-select/_config.js
+++ b/test/runtime/samples/option-without-select/_config.js
@@ -6,7 +6,7 @@ export default {
 	html: `<option value='hello'>hello</option>`,
 
 	test(assert, component, target) {
-		component.set({ foo: 'goodbye' });
+		component.foo = 'goodbye';
 		assert.htmlEqual(target.innerHTML, `
 			<option value='goodbye'>goodbye</option>
 		`);
diff --git a/test/runtime/samples/raw-anchor-first-child/_config.js b/test/runtime/samples/raw-anchor-first-child/_config.js
index fd56f11f3b..36e207272e 100644
--- a/test/runtime/samples/raw-anchor-first-child/_config.js
+++ b/test/runtime/samples/raw-anchor-first-child/_config.js
@@ -7,8 +7,6 @@ export default {
 		const span = target.querySelector('span');
 		assert.ok(!span.previousSibling);
 
-		component.set({
-			raw: `<span>bar</span>`
-		});
+		component.raw = `<span>bar</span>`;
 	}
 };
diff --git a/test/runtime/samples/raw-anchor-first-last-child/_config.js b/test/runtime/samples/raw-anchor-first-last-child/_config.js
index 4e8b595076..cef0c31e6d 100644
--- a/test/runtime/samples/raw-anchor-first-last-child/_config.js
+++ b/test/runtime/samples/raw-anchor-first-last-child/_config.js
@@ -8,8 +8,6 @@ export default {
 		assert.ok(!span.previousSibling);
 		assert.ok(!span.nextSibling);
 
-		component.set({
-			raw: `<span>bar</span>`
-		});
+		component.raw = `<span>bar</span>`;
 	}
 };
diff --git a/test/runtime/samples/raw-anchor-last-child/_config.js b/test/runtime/samples/raw-anchor-last-child/_config.js
index 31f3d25637..d4b3b7fcb1 100644
--- a/test/runtime/samples/raw-anchor-last-child/_config.js
+++ b/test/runtime/samples/raw-anchor-last-child/_config.js
@@ -7,8 +7,6 @@ export default {
 		const span = target.querySelector('span');
 		assert.ok(!span.nextSibling);
 
-		component.set({
-			raw: `<span>bar</span>`
-		});
+		component.raw = `<span>bar</span>`;
 	}
 };
diff --git a/test/runtime/samples/raw-anchor-next-previous-sibling/_config.js b/test/runtime/samples/raw-anchor-next-previous-sibling/_config.js
index 3d5042c7e9..4e14acf18b 100644
--- a/test/runtime/samples/raw-anchor-next-previous-sibling/_config.js
+++ b/test/runtime/samples/raw-anchor-next-previous-sibling/_config.js
@@ -8,8 +8,6 @@ export default {
 		assert.equal(span.previousSibling.nodeName, 'BR');
 		assert.equal(span.nextSibling.nodeName, 'BR');
 
-		component.set({
-			raw: `<span>bar</span>`
-		});
+		component.raw = `<span>bar</span>`;
 	}
 };
diff --git a/test/runtime/samples/raw-anchor-next-sibling/_config.js b/test/runtime/samples/raw-anchor-next-sibling/_config.js
index 1414ec0fc2..ec262ffb87 100644
--- a/test/runtime/samples/raw-anchor-next-sibling/_config.js
+++ b/test/runtime/samples/raw-anchor-next-sibling/_config.js
@@ -7,8 +7,6 @@ export default {
 		const span = target.querySelector('span');
 		assert.equal(span.previousSibling.nodeName, 'BR');
 
-		component.set({
-			raw: `<span>bar</span>`
-		});
+		component.raw = `<span>bar</span>`;
 	}
 };
diff --git a/test/runtime/samples/raw-anchor-previous-sibling/_config.js b/test/runtime/samples/raw-anchor-previous-sibling/_config.js
index 1414ec0fc2..ec262ffb87 100644
--- a/test/runtime/samples/raw-anchor-previous-sibling/_config.js
+++ b/test/runtime/samples/raw-anchor-previous-sibling/_config.js
@@ -7,8 +7,6 @@ export default {
 		const span = target.querySelector('span');
 		assert.equal(span.previousSibling.nodeName, 'BR');
 
-		component.set({
-			raw: `<span>bar</span>`
-		});
+		component.raw = `<span>bar</span>`;
 	}
 };
diff --git a/test/runtime/samples/raw-mustaches-preserved/_config.js b/test/runtime/samples/raw-mustaches-preserved/_config.js
index 3438b98a6c..0992a92bc6 100644
--- a/test/runtime/samples/raw-mustaches-preserved/_config.js
+++ b/test/runtime/samples/raw-mustaches-preserved/_config.js
@@ -10,7 +10,7 @@ export default {
 	test ( assert, component, target ) {
 		const p = target.querySelector( 'p' );
 
-		component.set({ raw: '<p>does not change</p>' });
+		component.raw = '<p>does not change</p>';
 		assert.equal( target.innerHTML, `<div><p>does not change</p></div>` );
 		assert.strictEqual( target.querySelector( 'p' ), p );
 
diff --git a/test/runtime/samples/raw-mustaches/_config.js b/test/runtime/samples/raw-mustaches/_config.js
index 2bc0d78d3e..06343b6683 100644
--- a/test/runtime/samples/raw-mustaches/_config.js
+++ b/test/runtime/samples/raw-mustaches/_config.js
@@ -10,9 +10,9 @@ export default {
 	html: `before${ns}<span><em>raw html!!!\\o/</span></em>${ns}after`,
 
 	test ( assert, component, target ) {
-		component.set({ raw: '' });
+		component.raw = '';
 		assert.equal( target.innerHTML, `before${ns}${ns}after` );
-		component.set({ raw: 'how about <strong>unclosed elements?' });
+		component.raw = 'how about <strong>unclosed elements?';
 		assert.equal( target.innerHTML, `before${ns}how about <strong>unclosed elements?</strong>${ns}after` );
 		component.destroy();
 		assert.equal( target.innerHTML, '' );
diff --git a/test/runtime/samples/refs-unset/_config.js b/test/runtime/samples/refs-unset/_config.js
index 716e5a5bd7..340aa0d542 100644
--- a/test/runtime/samples/refs-unset/_config.js
+++ b/test/runtime/samples/refs-unset/_config.js
@@ -10,12 +10,12 @@ export default {
 		assert.equal( canvas, component.refs.foo );
 		assert.equal( canvas.getAttribute( 'data-x' ), 'true' );
 
-		component.set({ x: false });
+		component.x = false;
 		canvas = target.querySelector( 'canvas' );
 		assert.equal( canvas, component.refs.foo );
 		assert.equal( canvas.getAttribute( 'data-x' ), 'false' );
 
-		component.set({ x: true });
+		component.x = true;
 		canvas = target.querySelector( 'canvas' );
 		assert.equal( canvas, component.refs.foo );
 		assert.equal( canvas.getAttribute( 'data-x' ), 'true' );
diff --git a/test/runtime/samples/select-bind-array/_config.js b/test/runtime/samples/select-bind-array/_config.js
index 266139cae9..79cece1704 100644
--- a/test/runtime/samples/select-bind-array/_config.js
+++ b/test/runtime/samples/select-bind-array/_config.js
@@ -14,7 +14,7 @@ export default {
 		assert.equal( options[0].selected, false );
 		assert.equal( options[1].selected, true );
 
-		component.set( { foo: items[0].id } );
+		component.foo = items[0].id;
 
 		assert.equal( options[0].selected, true );
 		assert.equal( options[1].selected, false );
diff --git a/test/runtime/samples/select-one-way-bind-object/_config.js b/test/runtime/samples/select-one-way-bind-object/_config.js
index 63af76fecf..1baefb4dcd 100644
--- a/test/runtime/samples/select-one-way-bind-object/_config.js
+++ b/test/runtime/samples/select-one-way-bind-object/_config.js
@@ -14,7 +14,7 @@ export default {
 		assert.equal( options[0].selected, true );
 		assert.equal( options[1].selected, false );
 
-		component.set( { foo: items[1] } );
+		component.foo = items[1];
 
 		assert.equal( options[0].selected, false );
 		assert.equal( options[1].selected, true );
diff --git a/test/runtime/samples/select-one-way-bind/_config.js b/test/runtime/samples/select-one-way-bind/_config.js
index e49103cc33..b9d46dd6ba 100644
--- a/test/runtime/samples/select-one-way-bind/_config.js
+++ b/test/runtime/samples/select-one-way-bind/_config.js
@@ -11,7 +11,7 @@ export default {
 		assert.equal( options[0].selected, true );
 		assert.equal( options[1].selected, false );
 
-		component.set( { foo: 'b' } );
+		component.foo = 'b';
 
 		assert.equal( options[0].selected, false );
 		assert.equal( options[1].selected, true );
diff --git a/test/runtime/samples/set-after-destroy/_config.js b/test/runtime/samples/set-after-destroy/_config.js
index 61e515385e..3498ee8c08 100644
--- a/test/runtime/samples/set-after-destroy/_config.js
+++ b/test/runtime/samples/set-after-destroy/_config.js
@@ -5,6 +5,6 @@ export default {
 
 	test(assert, component) {
 		component.destroy();
-		component.set({ x: 2 });
+		component.x = 2;
 	}
 };
\ No newline at end of file
diff --git a/test/runtime/samples/set-in-ondestroy/_config.js b/test/runtime/samples/set-in-ondestroy/_config.js
index 2bc2ef8f79..01ece9874f 100644
--- a/test/runtime/samples/set-in-ondestroy/_config.js
+++ b/test/runtime/samples/set-in-ondestroy/_config.js
@@ -10,7 +10,7 @@ export default {
 		let valueOnDestroy;
 
 		component.on('destroy', () => {
-			component.set({ foo: 2 });
+			component.foo = 2;
 			valueOnDestroy = component.get().foo;
 		});
 
diff --git a/test/runtime/samples/set-in-onstate-dedupes-renders/_config.js b/test/runtime/samples/set-in-onstate-dedupes-renders/_config.js
index 776bfefc5d..ca22fa0bf2 100644
--- a/test/runtime/samples/set-in-onstate-dedupes-renders/_config.js
+++ b/test/runtime/samples/set-in-onstate-dedupes-renders/_config.js
@@ -2,7 +2,7 @@ export default {
 	skip: true, // nice-to-have – tricky though, so skipping for now
 
 	test ( assert, component ) {
-		component.set({ foo: { x: 2 } });
+		component.foo = { x: 2 };
 		component.destroy();
 	}
 };
diff --git a/test/runtime/samples/set-in-onstate/_config.js b/test/runtime/samples/set-in-onstate/_config.js
index 5c7c3d213b..816372ea00 100644
--- a/test/runtime/samples/set-in-onstate/_config.js
+++ b/test/runtime/samples/set-in-onstate/_config.js
@@ -7,7 +7,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ foo: 2 });
+		component.foo = 2;
 		assert.htmlEqual( target.innerHTML, `
 			<p>2</p>
 			<p>4</p>
diff --git a/test/runtime/samples/set-null-text-node/_config.js b/test/runtime/samples/set-null-text-node/_config.js
index 0ed57d67bd..fb693ca829 100644
--- a/test/runtime/samples/set-null-text-node/_config.js
+++ b/test/runtime/samples/set-null-text-node/_config.js
@@ -4,10 +4,10 @@ export default {
 	html: 'foo is null',
 
 	test(assert, component, target) {
-		component.set({ foo: 42 });
+		component.foo = 42;
 		assert.htmlEqual(target.innerHTML, 'foo is 42');
 
-		component.set({ foo: null });
+		component.foo = null;
 		assert.htmlEqual(target.innerHTML, 'foo is null');
 	}
 };
\ No newline at end of file
diff --git a/test/runtime/samples/spread-component-dynamic-undefined/_config.js b/test/runtime/samples/spread-component-dynamic-undefined/_config.js
index 73a867c616..57165ab81a 100644
--- a/test/runtime/samples/spread-component-dynamic-undefined/_config.js
+++ b/test/runtime/samples/spread-component-dynamic-undefined/_config.js
@@ -8,11 +8,9 @@ export default {
 	html: ``,
 
 	test(assert, component, target) {
-		component.set({
-			props: {
-				a: 2,
-			},
-		});
+		component.props = {
+			a: 2,
+		};
 
 		assert.htmlEqual(target.innerHTML, ``);
 	},
diff --git a/test/runtime/samples/spread-component-dynamic/_config.js b/test/runtime/samples/spread-component-dynamic/_config.js
index f6122c5036..85dbf88e7c 100644
--- a/test/runtime/samples/spread-component-dynamic/_config.js
+++ b/test/runtime/samples/spread-component-dynamic/_config.js
@@ -10,11 +10,9 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
-			props: {
-				a: 2,
-			},
-		});
+		component.props = {
+			a: 2,
+		};
 
 		assert.htmlEqual(target.innerHTML, `<p>a: 2</p>`);
 	},
diff --git a/test/runtime/samples/spread-component-multiple-dependencies/_config.js b/test/runtime/samples/spread-component-multiple-dependencies/_config.js
index 42b0c5693f..d56ed83cb0 100644
--- a/test/runtime/samples/spread-component-multiple-dependencies/_config.js
+++ b/test/runtime/samples/spread-component-multiple-dependencies/_config.js
@@ -1,7 +1,7 @@
 export default {
 	html: `b baz`,
 	test(assert, component, target) {
-		component.set({ foo: true });
+		component.foo = true;
 		assert.htmlEqual(
 			target.innerHTML,
 			`a baz`
diff --git a/test/runtime/samples/spread-component/_config.js b/test/runtime/samples/spread-component/_config.js
index 03483d5edb..47a9af89c0 100644
--- a/test/runtime/samples/spread-component/_config.js
+++ b/test/runtime/samples/spread-component/_config.js
@@ -11,14 +11,12 @@ export default {
 	html: `<div><p>foo: lol</p>\n<p>baz: 42 (number)</p>\n<p>qux: named</p>\n<p>quux: core</p></div>`,
 
 	test ( assert, component, target ) {
-		component.set({
-			props: {
-				foo: 'wut',
-				baz: 40 + 3,
-				qux: `this is a ${'rather boring'} string`,
-				quux: 'heart'
-			}
-		});
+		component.props = {
+			foo: 'wut',
+			baz: 40 + 3,
+			qux: `this is a ${'rather boring'} string`,
+			quux: 'heart'
+		};
 
 		assert.equal( target.innerHTML, `<div><p>foo: wut</p>\n<p>baz: 43 (number)</p>\n<p>qux: named</p>\n<p>quux: heart</p></div>` );
 	}
diff --git a/test/runtime/samples/spread-each-component/_config.js b/test/runtime/samples/spread-each-component/_config.js
index 8a125960db..736eac4d6a 100644
--- a/test/runtime/samples/spread-each-component/_config.js
+++ b/test/runtime/samples/spread-each-component/_config.js
@@ -14,9 +14,7 @@ export default {
 	test(assert, component, target) {
 		const { things } = component.get();
 
-		component.set({
-			things: things.reverse()
-		});
+		component.things = things.reverse();
 
 		assert.htmlEqual(target.innerHTML, `
 			<div data-a="3" data-b="4"></div>
diff --git a/test/runtime/samples/spread-each-element/_config.js b/test/runtime/samples/spread-each-element/_config.js
index 5863b9d213..4ff8eda913 100644
--- a/test/runtime/samples/spread-each-element/_config.js
+++ b/test/runtime/samples/spread-each-element/_config.js
@@ -14,9 +14,7 @@ export default {
 	test(assert, component, target) {
 		const { things } = component.get();
 
-		component.set({
-			things: things.reverse()
-		});
+		component.things = things.reverse();
 
 		assert.htmlEqual(target.innerHTML, `
 			<div data-c="3" data-d="4"></div>
diff --git a/test/runtime/samples/spread-element-boolean/_config.js b/test/runtime/samples/spread-element-boolean/_config.js
index 1123cf6321..06ca12a420 100644
--- a/test/runtime/samples/spread-element-boolean/_config.js
+++ b/test/runtime/samples/spread-element-boolean/_config.js
@@ -14,9 +14,7 @@ export default {
 
 		assert.ok(button.disabled);
 
-		component.set({
-			props: { disabled: false }
-		});
+		component.props = { disabled: false };
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/test/runtime/samples/spread-element-multiple-dependencies/_config.js b/test/runtime/samples/spread-element-multiple-dependencies/_config.js
index e8f3d68e32..1090856c91 100644
--- a/test/runtime/samples/spread-element-multiple-dependencies/_config.js
+++ b/test/runtime/samples/spread-element-multiple-dependencies/_config.js
@@ -1,7 +1,7 @@
 export default {
 	html: `<div class='b' title='baz'></div>`,
 	test(assert, component, target) {
-		component.set({ foo: true });
+		component.foo = true;
 		assert.htmlEqual(
 			target.innerHTML,
 			`<div class='a' title='baz'></div>`
diff --git a/test/runtime/samples/spread-element-multiple/_config.js b/test/runtime/samples/spread-element-multiple/_config.js
index f0861071a6..dfd382a287 100644
--- a/test/runtime/samples/spread-element-multiple/_config.js
+++ b/test/runtime/samples/spread-element-multiple/_config.js
@@ -15,15 +15,13 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
-			a: {
-				'data-one': 10
-			},
-			c: {
-				'data-c': 'new'
-			},
-			d: 'DEEEEEE'
-		});
+		component.a = {
+			'data-one': 10
+		};
+		component.c = {
+			'data-c': 'new'
+		};
+		component.d = 'DEEEEEE';
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/test/runtime/samples/spread-element/_config.js b/test/runtime/samples/spread-element/_config.js
index bd6c0b891e..6dc1847d08 100644
--- a/test/runtime/samples/spread-element/_config.js
+++ b/test/runtime/samples/spread-element/_config.js
@@ -7,12 +7,14 @@ export default {
 		assert.equal( div.dataset.foo, 'bar' );
 		assert.equal( div.dataset.named, 'value' );
 
-		component.set({ color: 'blue', props: { 'data-foo': 'baz', 'data-named': 'qux' } });
+		component.color = 'blue';
+		component.props = { 'data-foo': 'baz', 'data-named': 'qux' };
 		assert.htmlEqual( target.innerHTML, `<div data-named="value" data-foo="baz">blue</div>` );
 		assert.equal( div.dataset.foo, 'baz' );
 		assert.equal( div.dataset.named, 'value' );
 
-		component.set({ color: 'blue', props: {} });
+		component.color = 'blue';
+		component.props = {};
 		assert.htmlEqual( target.innerHTML, `<div data-named="value">blue</div>` );
 		assert.equal( div.dataset.foo, undefined );
 	}
diff --git a/test/runtime/samples/state-deconflicted/_config.js b/test/runtime/samples/state-deconflicted/_config.js
index b1461be281..e39030ca99 100644
--- a/test/runtime/samples/state-deconflicted/_config.js
+++ b/test/runtime/samples/state-deconflicted/_config.js
@@ -23,18 +23,16 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({
-			states: [
-				'Maine',
-				'Maryland',
-				'Massachusetts',
-				'Michigan',
-				'Minnesota',
-				'Mississippi',
-				'Missouri',
-				'Montana'
-			]
-		});
+		component.states = [
+			'Maine',
+			'Maryland',
+			'Massachusetts',
+			'Michigan',
+			'Minnesota',
+			'Mississippi',
+			'Missouri',
+			'Montana'
+		];
 
 		assert.htmlEqual( target.innerHTML, `
 			<p>Current state: deconflicted</p>
diff --git a/test/runtime/samples/svg-child-component-declared-namespace-backtick-string/_config.js b/test/runtime/samples/svg-child-component-declared-namespace-backtick-string/_config.js
index f294b3d8eb..f393635572 100644
--- a/test/runtime/samples/svg-child-component-declared-namespace-backtick-string/_config.js
+++ b/test/runtime/samples/svg-child-component-declared-namespace-backtick-string/_config.js
@@ -15,7 +15,8 @@ export default {
 		assert.equal( svg.namespaceURI, 'http://www.w3.org/2000/svg' );
 		assert.equal( rect.namespaceURI, 'http://www.w3.org/2000/svg' );
 
-		component.set({ width: 150, height: 50 });
+		component.width = 150;
+		component.height = 50;
 		assert.equal( target.innerHTML, `<svg><rect x="0" y="0" width="150" height="50"></rect></svg>` );
 	},
 };
diff --git a/test/runtime/samples/svg-child-component-declared-namespace-shorthand/_config.js b/test/runtime/samples/svg-child-component-declared-namespace-shorthand/_config.js
index d13eda21e0..82f1768d28 100644
--- a/test/runtime/samples/svg-child-component-declared-namespace-shorthand/_config.js
+++ b/test/runtime/samples/svg-child-component-declared-namespace-shorthand/_config.js
@@ -15,7 +15,8 @@ export default {
 		assert.equal( svg.namespaceURI, 'http://www.w3.org/2000/svg' );
 		assert.equal( rect.namespaceURI, 'http://www.w3.org/2000/svg' );
 
-		component.set({ width: 150, height: 50 });
+		component.width = 150;
+		component.height = 50;
 		assert.equal( target.innerHTML, `<svg><rect x="0" y="0" width="150" height="50"></rect></svg>` );
 	}
 };
diff --git a/test/runtime/samples/svg-child-component-declared-namespace/_config.js b/test/runtime/samples/svg-child-component-declared-namespace/_config.js
index d13eda21e0..82f1768d28 100644
--- a/test/runtime/samples/svg-child-component-declared-namespace/_config.js
+++ b/test/runtime/samples/svg-child-component-declared-namespace/_config.js
@@ -15,7 +15,8 @@ export default {
 		assert.equal( svg.namespaceURI, 'http://www.w3.org/2000/svg' );
 		assert.equal( rect.namespaceURI, 'http://www.w3.org/2000/svg' );
 
-		component.set({ width: 150, height: 50 });
+		component.width = 150;
+		component.height = 50;
 		assert.equal( target.innerHTML, `<svg><rect x="0" y="0" width="150" height="50"></rect></svg>` );
 	}
 };
diff --git a/test/runtime/samples/svg-each-block-anchor/_config.js b/test/runtime/samples/svg-each-block-anchor/_config.js
index 06343947d5..802cab35ce 100644
--- a/test/runtime/samples/svg-each-block-anchor/_config.js
+++ b/test/runtime/samples/svg-each-block-anchor/_config.js
@@ -12,7 +12,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({ foo: ['a', 'b'] });
+		component.foo = ['a', 'b'];
 
 		assert.htmlEqual(target.innerHTML, `
 			<svg>
diff --git a/test/runtime/samples/svg-multiple/_config.js b/test/runtime/samples/svg-multiple/_config.js
index bbc558f8ea..332869883c 100644
--- a/test/runtime/samples/svg-multiple/_config.js
+++ b/test/runtime/samples/svg-multiple/_config.js
@@ -20,7 +20,8 @@ export default {
 		assert.equal( rects[1].namespaceURI, 'http://www.w3.org/2000/svg' );
 		assert.equal( rects[1].namespaceURI, 'http://www.w3.org/2000/svg' );
 
-		component.set({ width: 150, height: 50 });
+		component.width = 150;
+		component.height = 50;
 		assert.htmlEqual( target.innerHTML, `
 			<svg><rect x="0" y="0" width="150" height="50"></rect></svg>
 			<svg><rect x="0" y="0" width="150" height="50"></rect></svg>
diff --git a/test/runtime/samples/svg-xmlns/_config.js b/test/runtime/samples/svg-xmlns/_config.js
index 6bd4efb622..a2395a9986 100644
--- a/test/runtime/samples/svg-xmlns/_config.js
+++ b/test/runtime/samples/svg-xmlns/_config.js
@@ -17,7 +17,8 @@ export default {
 		assert.equal( svg.namespaceURI, 'http://www.w3.org/2000/svg' );
 		assert.equal( rect.namespaceURI, 'http://www.w3.org/2000/svg' );
 
-		component.set({ width: 150, height: 50 });
+		component.width = 150;
+		component.height = 50;
 		assert.equal( target.innerHTML, `<svg xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="150" height="50"></rect></svg>` );
 	}
 };
diff --git a/test/runtime/samples/svg/_config.js b/test/runtime/samples/svg/_config.js
index d13eda21e0..82f1768d28 100644
--- a/test/runtime/samples/svg/_config.js
+++ b/test/runtime/samples/svg/_config.js
@@ -15,7 +15,8 @@ export default {
 		assert.equal( svg.namespaceURI, 'http://www.w3.org/2000/svg' );
 		assert.equal( rect.namespaceURI, 'http://www.w3.org/2000/svg' );
 
-		component.set({ width: 150, height: 50 });
+		component.width = 150;
+		component.height = 50;
 		assert.equal( target.innerHTML, `<svg><rect x="0" y="0" width="150" height="50"></rect></svg>` );
 	}
 };
diff --git a/test/runtime/samples/textarea-children/_config.js b/test/runtime/samples/textarea-children/_config.js
index 41db4d6e66..b287c8c020 100644
--- a/test/runtime/samples/textarea-children/_config.js
+++ b/test/runtime/samples/textarea-children/_config.js
@@ -11,7 +11,7 @@ export default {
 		const textarea = target.querySelector( 'textarea' );
 		assert.strictEqual( textarea.value, `\n\t<p>not actually an element. 42</p>\n` );
 
-		component.set({ foo: 43 });
+		component.foo = 43;
 		assert.strictEqual( textarea.value, `\n\t<p>not actually an element. 43</p>\n` );
 	}
 };
\ No newline at end of file
diff --git a/test/runtime/samples/textarea-value/_config.js b/test/runtime/samples/textarea-value/_config.js
index 83d7427c6c..7a92f531b4 100644
--- a/test/runtime/samples/textarea-value/_config.js
+++ b/test/runtime/samples/textarea-value/_config.js
@@ -11,7 +11,7 @@ export default {
 		const textarea = target.querySelector( 'textarea' );
 		assert.strictEqual( textarea.value, '42' );
 
-		component.set({ foo: 43 });
+		component.foo = 43;
 		assert.strictEqual( textarea.value, '43' );
 	}
 };
\ No newline at end of file
diff --git a/test/runtime/samples/transition-css-deferred-removal/_config.js b/test/runtime/samples/transition-css-deferred-removal/_config.js
index 125be60756..13c68fd5dc 100644
--- a/test/runtime/samples/transition-css-deferred-removal/_config.js
+++ b/test/runtime/samples/transition-css-deferred-removal/_config.js
@@ -4,7 +4,7 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ visible: false });
+		component.visible = false;
 
 		const outer = target.querySelector('.outer');
 		const inner = target.querySelector('.inner');
diff --git a/test/runtime/samples/transition-css-delay/_config.js b/test/runtime/samples/transition-css-delay/_config.js
index e51ae5c6c8..28de1aeb42 100644
--- a/test/runtime/samples/transition-css-delay/_config.js
+++ b/test/runtime/samples/transition-css-delay/_config.js
@@ -1,6 +1,6 @@
 export default {
 	test ( assert, component, target, window, raf ) {
-		component.set({ visible: true });
+		component.visible = true;
 		const div = target.querySelector( 'div' );
 		assert.strictEqual( div.style.opacity, '0' );
 
diff --git a/test/runtime/samples/transition-css-duration/_config.js b/test/runtime/samples/transition-css-duration/_config.js
index 8a4f88431c..7d61180e19 100644
--- a/test/runtime/samples/transition-css-duration/_config.js
+++ b/test/runtime/samples/transition-css-duration/_config.js
@@ -1,10 +1,10 @@
 export default {
 	test(assert, component, target, window, raf) {
-		component.set({ visible: true });
+		component.visible = true;
 		const div = target.querySelector('div');
 
 		raf.tick(25);
-		component.set({ visible: false });
+		component.visible = false;
 
 		assert.ok(~div.style.animation.indexOf('25ms'));
 	},
diff --git a/test/runtime/samples/transition-js-aborted-outro-in-each/_config.js b/test/runtime/samples/transition-js-aborted-outro-in-each/_config.js
index eefba4343f..43dbf1afee 100644
--- a/test/runtime/samples/transition-js-aborted-outro-in-each/_config.js
+++ b/test/runtime/samples/transition-js-aborted-outro-in-each/_config.js
@@ -10,7 +10,7 @@ export default {
 	test(assert, component, target, window, raf) {
 		const { things } = component.get();
 
-		component.set({ things: [] });
+		component.things = [];
 		const spans = target.querySelectorAll('span');
 
 		raf.tick(25);
@@ -23,7 +23,7 @@ export default {
 		assert.equal(spans[1].foo, 0.25);
 		assert.equal(spans[2].foo, 0.75);
 
-		component.set({ things });
+		component.things = things;
 		raf.tick(225);
 
 		assert.htmlEqual(target.innerHTML, `
diff --git a/test/runtime/samples/transition-js-aborted-outro/_config.js b/test/runtime/samples/transition-js-aborted-outro/_config.js
index 0087fc77e3..109adeedc8 100644
--- a/test/runtime/samples/transition-js-aborted-outro/_config.js
+++ b/test/runtime/samples/transition-js-aborted-outro/_config.js
@@ -4,13 +4,13 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ visible: false });
+		component.visible = false;
 		const span = target.querySelector('span');
 
 		raf.tick(50);
 		assert.equal(span.foo, 0.5);
 
-		component.set({ visible: true });
+		component.visible = true;
 		assert.equal(span.foo, 1);
 
 		raf.tick(75);
diff --git a/test/runtime/samples/transition-js-await-block/_config.js b/test/runtime/samples/transition-js-await-block/_config.js
index d5cb6cf10a..d66ed54d5e 100644
--- a/test/runtime/samples/transition-js-await-block/_config.js
+++ b/test/runtime/samples/transition-js-await-block/_config.js
@@ -12,7 +12,7 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ visible: true });
+		component.visible = true;
 		let p = target.querySelector('p');
 
 		assert.equal(p.className, 'pending');
diff --git a/test/runtime/samples/transition-js-deferred/_config.js b/test/runtime/samples/transition-js-deferred/_config.js
index 79d4b41a81..cff8978645 100644
--- a/test/runtime/samples/transition-js-deferred/_config.js
+++ b/test/runtime/samples/transition-js-deferred/_config.js
@@ -2,7 +2,7 @@ export default {
 	skipIntroByDefault: true,
 
 	test(assert, component, target, window, raf) {
-		component.set({ visible: true });
+		component.visible = true;
 
 		return Promise.resolve().then(() => {
 			const div = target.querySelector('div');
diff --git a/test/runtime/samples/transition-js-delay-in-out/_config.js b/test/runtime/samples/transition-js-delay-in-out/_config.js
index 6e97f19c3b..4d8ed961aa 100644
--- a/test/runtime/samples/transition-js-delay-in-out/_config.js
+++ b/test/runtime/samples/transition-js-delay-in-out/_config.js
@@ -1,6 +1,6 @@
 export default {
 	test ( assert, component, target, window, raf ) {
-		component.set({ visible: true });
+		component.visible = true;
 		const div = target.querySelector( 'div' );
 		assert.equal( div.foo, 0 );
 
@@ -10,7 +10,7 @@ export default {
 		raf.tick( 150 );
 		assert.equal( div.foo, 1 );
 
-		component.set({ visible: false });
+		component.visible = false;
 		assert.equal( div.bar, undefined );
 
 		raf.tick( 200 );
diff --git a/test/runtime/samples/transition-js-delay/_config.js b/test/runtime/samples/transition-js-delay/_config.js
index eab832ca3f..97de28f75a 100644
--- a/test/runtime/samples/transition-js-delay/_config.js
+++ b/test/runtime/samples/transition-js-delay/_config.js
@@ -1,6 +1,6 @@
 export default {
 	test ( assert, component, target, window, raf ) {
-		component.set({ visible: true });
+		component.visible = true;
 		const div = target.querySelector( 'div' );
 		assert.equal( div.foo, 0 );
 
@@ -10,7 +10,7 @@ export default {
 		raf.tick( 100 );
 		assert.equal( div.foo, 0.5 );
 
-		component.set({ visible: false });
+		component.visible = false;
 
 		raf.tick( 125 );
 		assert.equal( div.foo, 0.75 );
diff --git a/test/runtime/samples/transition-js-destroyed-before-end/_config.js b/test/runtime/samples/transition-js-destroyed-before-end/_config.js
index e79c3fbf10..9312f1dd25 100644
--- a/test/runtime/samples/transition-js-destroyed-before-end/_config.js
+++ b/test/runtime/samples/transition-js-destroyed-before-end/_config.js
@@ -6,7 +6,7 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ visible: false });
+		component.visible = false;
 		const div = target.querySelector('div');
 
 		raf.tick(50);
diff --git a/test/runtime/samples/transition-js-dynamic-component/_config.js b/test/runtime/samples/transition-js-dynamic-component/_config.js
index c35d4f4b5c..87449f43fc 100644
--- a/test/runtime/samples/transition-js-dynamic-component/_config.js
+++ b/test/runtime/samples/transition-js-dynamic-component/_config.js
@@ -11,7 +11,7 @@ export default {
 	`,
 
 	test (assert, component, target, window, raf) {
-		component.set({ x: false });
+		component.x = false;
 
 		assert.htmlEqual(target.innerHTML, `
 			<div>a</div>
diff --git a/test/runtime/samples/transition-js-dynamic-if-block-bidi/_config.js b/test/runtime/samples/transition-js-dynamic-if-block-bidi/_config.js
index faea1538d4..7501110eae 100644
--- a/test/runtime/samples/transition-js-dynamic-if-block-bidi/_config.js
+++ b/test/runtime/samples/transition-js-dynamic-if-block-bidi/_config.js
@@ -6,23 +6,24 @@ export default {
 	test ( assert, component, target, window, raf ) {
 		global.count = 0;
 
-		component.set({ visible: true });
+		component.visible = true;
 		assert.equal( global.count, 1 );
 		const div = target.querySelector( 'div' );
 		assert.equal( div.foo, 0 );
 
 		raf.tick( 75 );
-		component.set({ name: 'everybody' });
+		component.name = 'everybody';
 		assert.equal( div.foo, 0.75 );
 		assert.htmlEqual( div.innerHTML, 'hello everybody!' );
 
-		component.set({ visible: false, name: 'again' });
+		component.visible = false;
+		component.name = 'again';
 		assert.htmlEqual( div.innerHTML, 'hello everybody!' );
 
 		raf.tick( 125 );
 		assert.equal( div.foo, 0.25 );
 
-		component.set({ visible: true });
+		component.visible = true;
 		raf.tick( 175 );
 		assert.equal( div.foo, 0.75 );
 		assert.htmlEqual( div.innerHTML, 'hello again!' );
diff --git a/test/runtime/samples/transition-js-each-block-intro-outro/_config.js b/test/runtime/samples/transition-js-each-block-intro-outro/_config.js
index 467f4c651f..3319c100dc 100644
--- a/test/runtime/samples/transition-js-each-block-intro-outro/_config.js
+++ b/test/runtime/samples/transition-js-each-block-intro-outro/_config.js
@@ -5,7 +5,7 @@ export default {
 	},
 
 	test ( assert, component, target, window, raf ) {
-		component.set({ visible: true });
+		component.visible = true;
 		const divs = target.querySelectorAll( 'div' );
 		assert.equal( divs[0].foo, 0 );
 		assert.equal( divs[1].foo, 0 );
@@ -16,7 +16,7 @@ export default {
 		assert.equal( divs[1].foo, 0.5 );
 		assert.equal( divs[2].foo, 0.5 );
 
-		component.set({ visible: false });
+		component.visible = false;
 
 		raf.tick( 70 );
 		assert.equal( divs[0].foo, 0.7 );
@@ -27,7 +27,7 @@ export default {
 		assert.equal( divs[1].bar, 0.8 );
 		assert.equal( divs[2].bar, 0.8 );
 
-		component.set({ visible: true });
+		component.visible = true;
 
 		raf.tick( 100 );
 		assert.equal( divs[0].foo, 0.3 );
diff --git a/test/runtime/samples/transition-js-each-block-intro/_config.js b/test/runtime/samples/transition-js-each-block-intro/_config.js
index 72aa6433e0..7daf65d4e0 100644
--- a/test/runtime/samples/transition-js-each-block-intro/_config.js
+++ b/test/runtime/samples/transition-js-each-block-intro/_config.js
@@ -14,7 +14,7 @@ export default {
 		assert.equal( divs[1].foo, 0.5 );
 		assert.equal( divs[2].foo, 0.5 );
 
-		component.set({ things: [ 'a', 'b', 'c', 'd' ] });
+		component.things = [ 'a', 'b', 'c', 'd' ];
 		divs = target.querySelectorAll( 'div' );
 		assert.equal( divs[0].foo, 0.5 );
 		assert.equal( divs[1].foo, 0.5 );
diff --git a/test/runtime/samples/transition-js-each-block-keyed-intro-outro/_config.js b/test/runtime/samples/transition-js-each-block-keyed-intro-outro/_config.js
index ae27c039de..417a19fc72 100644
--- a/test/runtime/samples/transition-js-each-block-keyed-intro-outro/_config.js
+++ b/test/runtime/samples/transition-js-each-block-keyed-intro-outro/_config.js
@@ -22,12 +22,10 @@ export default {
 		assert.equal( divs[1].foo, 1 );
 		assert.equal( divs[2].foo, 1 );
 
-		component.set({
-			things: [
-				{ name: 'a' },
-				{ name: 'c' }
-			]
-		});
+		component.things = [
+			{ name: 'a' },
+			{ name: 'c' }
+		];
 
 		const divs2 = target.querySelectorAll( 'div' );
 		assert.strictEqual( divs[0], divs2[0] );
@@ -39,13 +37,11 @@ export default {
 		assert.equal( divs[1].foo, 0.5 );
 		assert.equal( divs[2].foo, 1 );
 
-		component.set({
-			things: [
-				{ name: 'a' },
-				{ name: 'b' },
-				{ name: 'c' }
-			]
-		});
+		component.things = [
+			{ name: 'a' },
+			{ name: 'b' },
+			{ name: 'c' }
+		];
 
 		raf.tick( 175 );
 		assert.equal( divs[0].foo, 1 );
diff --git a/test/runtime/samples/transition-js-each-block-keyed-intro/_config.js b/test/runtime/samples/transition-js-each-block-keyed-intro/_config.js
index 3530d7dd46..a2bf03c187 100644
--- a/test/runtime/samples/transition-js-each-block-keyed-intro/_config.js
+++ b/test/runtime/samples/transition-js-each-block-keyed-intro/_config.js
@@ -18,14 +18,12 @@ export default {
 		assert.equal( divs[1].foo, 0.5 );
 		assert.equal( divs[2].foo, 0.5 );
 
-		component.set({
-			things: [
-				{ name: 'a' },
-				{ name: 'woo!' },
-				{ name: 'b' },
-				{ name: 'c' }
-			]
-		});
+		component.things = [
+			{ name: 'a' },
+			{ name: 'woo!' },
+			{ name: 'b' },
+			{ name: 'c' }
+		];
 		assert.htmlEqual( target.innerHTML, `
 			<div>a</div>
 			<div>woo!</div>
diff --git a/test/runtime/samples/transition-js-each-block-keyed-outro/_config.js b/test/runtime/samples/transition-js-each-block-keyed-outro/_config.js
index b9d308260b..482480792e 100644
--- a/test/runtime/samples/transition-js-each-block-keyed-outro/_config.js
+++ b/test/runtime/samples/transition-js-each-block-keyed-outro/_config.js
@@ -10,12 +10,10 @@ export default {
 	test ( assert, component, target, window, raf ) {
 		const divs = target.querySelectorAll( 'div' );
 
-		component.set({
-			things: [
-				{ name: 'a' },
-				{ name: 'c' }
-			]
-		});
+		component.things = [
+			{ name: 'a' },
+			{ name: 'c' }
+		];
 
 		const divs2 = target.querySelectorAll( 'div' );
 		assert.strictEqual( divs[0], divs2[0] );
diff --git a/test/runtime/samples/transition-js-each-block-outro/_config.js b/test/runtime/samples/transition-js-each-block-outro/_config.js
index 619429849e..aee7655b20 100644
--- a/test/runtime/samples/transition-js-each-block-outro/_config.js
+++ b/test/runtime/samples/transition-js-each-block-outro/_config.js
@@ -6,7 +6,7 @@ export default {
 	test ( assert, component, target, window, raf ) {
 		const divs = target.querySelectorAll( 'div' );
 
-		component.set({ things: [ 'a' ] });
+		component.things = [ 'a' ];
 
 		raf.tick( 50 );
 		assert.equal( divs[0].foo, undefined );
diff --git a/test/runtime/samples/transition-js-events/_config.js b/test/runtime/samples/transition-js-events/_config.js
index 9ed487ebd2..50b5cfdd7c 100644
--- a/test/runtime/samples/transition-js-events/_config.js
+++ b/test/runtime/samples/transition-js-events/_config.js
@@ -12,7 +12,7 @@ export default {
 		raf.tick(100);
 		assert.equal(component.introCount, 0);
 
-		component.set({ visible: false });
+		component.visible = false;
 
 		raf.tick(150);
 		assert.deepEqual(component.outros.sort(), ['a', 'b', 'c', 'd']);
@@ -21,7 +21,7 @@ export default {
 		raf.tick(200);
 		assert.equal(component.outroCount, 0);
 
-		component.set({ visible: true });
+		component.visible = true;
 		component.on('intro.start', () => {
 			throw new Error(`intro.start should fire during set(), not after`);
 		});
diff --git a/test/runtime/samples/transition-js-if-block-bidi/_config.js b/test/runtime/samples/transition-js-if-block-bidi/_config.js
index 8a6db10074..115147fa4b 100644
--- a/test/runtime/samples/transition-js-if-block-bidi/_config.js
+++ b/test/runtime/samples/transition-js-if-block-bidi/_config.js
@@ -2,7 +2,7 @@ export default {
 	test ( assert, component, target, window, raf ) {
 		global.count = 0;
 
-		component.set({ visible: true });
+		component.visible = true;
 		assert.equal( global.count, 1 );
 		const div = target.querySelector( 'div' );
 		assert.equal( div.foo, 0 );
@@ -10,13 +10,13 @@ export default {
 		raf.tick( 300 );
 		assert.equal( div.foo, 0.75 );
 
-		component.set({ visible: false });
+		component.visible = false;
 		assert.equal( global.count, 1 );
 
 		raf.tick( 500 );
 		assert.equal( div.foo, 0.25 );
 
-		component.set({ visible: true });
+		component.visible = true;
 		raf.tick( 700 );
 		assert.equal( div.foo, 0.75 );
 
diff --git a/test/runtime/samples/transition-js-if-block-in-each-block-bidi-2/_config.js b/test/runtime/samples/transition-js-if-block-in-each-block-bidi-2/_config.js
index c0440c8180..da85b13f4a 100644
--- a/test/runtime/samples/transition-js-if-block-in-each-block-bidi-2/_config.js
+++ b/test/runtime/samples/transition-js-if-block-in-each-block-bidi-2/_config.js
@@ -17,7 +17,7 @@ export default {
 
 		raf.tick(100);
 
-		component.set({ threshold: 4 });
+		component.threshold = 4;
 
 		raf.tick( 200 );
 		assert.htmlEqual(target.innerHTML, `
diff --git a/test/runtime/samples/transition-js-if-block-in-each-block-bidi-3/_config.js b/test/runtime/samples/transition-js-if-block-in-each-block-bidi-3/_config.js
index eceae9ba54..cd029942e0 100644
--- a/test/runtime/samples/transition-js-if-block-in-each-block-bidi-3/_config.js
+++ b/test/runtime/samples/transition-js-if-block-in-each-block-bidi-3/_config.js
@@ -17,12 +17,12 @@ export default {
 
 		raf.tick(100);
 
-		component.set({ threshold: 4 });
+		component.threshold = 4;
 		raf.tick(150);
-		component.set({ threshold: 5 });
+		component.threshold = 5;
 		raf.tick(200);
 
-		component.set({ threshold: 5.5 });
+		component.threshold = 5.5;
 
 		assert.htmlEqual(target.innerHTML, `
 			<div>1</div>
diff --git a/test/runtime/samples/transition-js-if-block-in-each-block-bidi/_config.js b/test/runtime/samples/transition-js-if-block-in-each-block-bidi/_config.js
index adda1aa295..a32ace0388 100644
--- a/test/runtime/samples/transition-js-if-block-in-each-block-bidi/_config.js
+++ b/test/runtime/samples/transition-js-if-block-in-each-block-bidi/_config.js
@@ -19,7 +19,7 @@ export default {
 		raf.tick(100);
 		assert.equal(divs[0].foo, 1);
 
-		component.set({ threshold: 4 });
+		component.threshold = 4;
 		assert.equal( divs[4].foo, 1 );
 
 		raf.tick( 200 );
@@ -30,7 +30,7 @@ export default {
 			<div>4</div>
 		`);
 
-		component.set({ threshold: 3 });
+		component.threshold = 3;
 		assert.equal( divs[3].foo, 1 );
 
 		raf.tick( 300 );
diff --git a/test/runtime/samples/transition-js-if-block-intro-outro/_config.js b/test/runtime/samples/transition-js-if-block-intro-outro/_config.js
index 146ac082d5..2c4d0b34b1 100644
--- a/test/runtime/samples/transition-js-if-block-intro-outro/_config.js
+++ b/test/runtime/samples/transition-js-if-block-intro-outro/_config.js
@@ -1,6 +1,6 @@
 export default {
 	test ( assert, component, target, window, raf ) {
-		component.set({ visible: true });
+		component.visible = true;
 		let div = target.querySelector( 'div' );
 		assert.equal( div.foo, 0 );
 
@@ -13,7 +13,7 @@ export default {
 		raf.tick( 500 );
 		assert.equal( div.foo, 1 );
 
-		component.set({ visible: false });
+		component.visible = false;
 		raf.tick( 600 );
 		assert.equal( div.foo, 1 );
 		assert.equal( div.bar, 0.75 );
@@ -24,13 +24,13 @@ export default {
 
 		// test outro before intro complete
 		raf.tick( 1000 );
-		component.set({ visible: true });
+		component.visible = true;
 		div = target.querySelector( 'div' );
 
 		raf.tick( 1200 );
 		assert.equal( div.foo, 0.5 );
 
-		component.set({ visible: false });
+		component.visible = false;
 		raf.tick( 1300 );
 		assert.equal( div.foo, 0.75 );
 		assert.equal( div.bar, 0.75 );
diff --git a/test/runtime/samples/transition-js-if-block-intro/_config.js b/test/runtime/samples/transition-js-if-block-intro/_config.js
index 04d3c6245e..64c09b52a2 100644
--- a/test/runtime/samples/transition-js-if-block-intro/_config.js
+++ b/test/runtime/samples/transition-js-if-block-intro/_config.js
@@ -1,6 +1,6 @@
 export default {
 	test ( assert, component, target, window, raf ) {
-		component.set({ visible: true });
+		component.visible = true;
 		const div = target.querySelector( 'div' );
 		assert.equal( window.getComputedStyle( div ).opacity, 0 );
 
diff --git a/test/runtime/samples/transition-js-if-block-outro-timeout/_config.js b/test/runtime/samples/transition-js-if-block-outro-timeout/_config.js
index cacc88669d..90a517bd0f 100644
--- a/test/runtime/samples/transition-js-if-block-outro-timeout/_config.js
+++ b/test/runtime/samples/transition-js-if-block-outro-timeout/_config.js
@@ -1,14 +1,14 @@
 export default {
 	test ( assert, component, target, window, raf ) {
-		component.set({ visible: true });
+		component.visible = true;
 		const div = target.querySelector('div');
 
-		component.set({ visible: false });
+		component.visible = false;
 		assert.equal(window.getComputedStyle(div).opacity, 1);
 
 		raf.tick(200);
 		assert.equal(window.getComputedStyle(div).opacity, 0.5);
-		component.set({ blabla: false });
+		component.blabla = false;
 
 		raf.tick(400);
 		assert.equal(window.getComputedStyle(div).opacity, 0);
diff --git a/test/runtime/samples/transition-js-if-else-block-dynamic-outro/_config.js b/test/runtime/samples/transition-js-if-else-block-dynamic-outro/_config.js
index b208517784..8504657b02 100644
--- a/test/runtime/samples/transition-js-if-else-block-dynamic-outro/_config.js
+++ b/test/runtime/samples/transition-js-if-else-block-dynamic-outro/_config.js
@@ -6,7 +6,7 @@ export default {
 	test ( assert, component, target, window, raf ) {
 		assert.equal( target.querySelector( 'div' ), component.refs.no );
 
-		component.set({ x: true });
+		component.x = true;
 
 		raf.tick( 25 );
 		assert.equal( component.refs.yes.foo, undefined );
diff --git a/test/runtime/samples/transition-js-if-else-block-intro/_config.js b/test/runtime/samples/transition-js-if-else-block-intro/_config.js
index 768b16567c..8b076b199c 100644
--- a/test/runtime/samples/transition-js-if-else-block-intro/_config.js
+++ b/test/runtime/samples/transition-js-if-else-block-intro/_config.js
@@ -7,7 +7,7 @@ export default {
 		assert.equal( component.refs.no.foo, 0.5 );
 
 		raf.tick( 500 );
-		component.set({ x: true });
+		component.x = true;
 		assert.equal( component.refs.no, undefined );
 		assert.equal( component.refs.yes.foo, 0 );
 
diff --git a/test/runtime/samples/transition-js-if-else-block-outro/_config.js b/test/runtime/samples/transition-js-if-else-block-outro/_config.js
index 98053c817b..dd03934a0c 100644
--- a/test/runtime/samples/transition-js-if-else-block-outro/_config.js
+++ b/test/runtime/samples/transition-js-if-else-block-outro/_config.js
@@ -2,7 +2,7 @@ export default {
 	test ( assert, component, target, window, raf ) {
 		assert.equal( target.querySelector( 'div' ), component.refs.no );
 
-		component.set({ x: true });
+		component.x = true;
 
 		raf.tick( 25 );
 		assert.equal( component.refs.yes.foo, undefined );
diff --git a/test/runtime/samples/transition-js-if-elseif-block-outro/_config.js b/test/runtime/samples/transition-js-if-elseif-block-outro/_config.js
index a9e918597a..def66c9a02 100644
--- a/test/runtime/samples/transition-js-if-elseif-block-outro/_config.js
+++ b/test/runtime/samples/transition-js-if-elseif-block-outro/_config.js
@@ -7,7 +7,8 @@ export default {
 	test ( assert, component, target, window, raf ) {
 		assert.equal( target.querySelector( 'div' ), component.refs.no );
 
-		component.set({ x: true, y: false });
+		component.x = true;
+		component.y = false;
 
 		raf.tick( 25 );
 		assert.equal( component.refs.yes.foo, undefined );
diff --git a/test/runtime/samples/transition-js-nested-await/_config.js b/test/runtime/samples/transition-js-nested-await/_config.js
index 580e45f62a..e67f103579 100644
--- a/test/runtime/samples/transition-js-nested-await/_config.js
+++ b/test/runtime/samples/transition-js-nested-await/_config.js
@@ -14,7 +14,7 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ x: true });
+		component.x = true;
 		fulfil();
 
 		return promise.then(() => {
@@ -24,7 +24,7 @@ export default {
 			raf.tick(100);
 			assert.equal(div.foo, 1);
 
-			component.set({ x: false });
+			component.x = false;
 			assert.htmlEqual(target.innerHTML, '<div></div>');
 
 			raf.tick(150);
diff --git a/test/runtime/samples/transition-js-nested-component/_config.js b/test/runtime/samples/transition-js-nested-component/_config.js
index 313c218b6a..91ef642ab2 100644
--- a/test/runtime/samples/transition-js-nested-component/_config.js
+++ b/test/runtime/samples/transition-js-nested-component/_config.js
@@ -7,7 +7,7 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ x: true });
+		component.x = true;
 
 		const div = target.querySelector('div');
 		assert.equal(div.foo, 0);
@@ -15,7 +15,7 @@ export default {
 		raf.tick(100);
 		assert.equal(div.foo, 1);
 
-		component.set({ x: false });
+		component.x = false;
 		assert.htmlEqual(target.innerHTML, '<div></div>');
 
 		raf.tick(150);
diff --git a/test/runtime/samples/transition-js-nested-each-delete/_config.js b/test/runtime/samples/transition-js-nested-each-delete/_config.js
index 200f08b753..4b8f2ad8fa 100644
--- a/test/runtime/samples/transition-js-nested-each-delete/_config.js
+++ b/test/runtime/samples/transition-js-nested-each-delete/_config.js
@@ -14,14 +14,14 @@ export default {
 			<div>c</div>
 		`);
 
-		component.set({ things: [ 'a' ] });
+		component.things = [ 'a' ];
 
 		raf.tick( 100 );
 		assert.htmlEqual(target.innerHTML, `
 			<div>a</div>
 		`);
 
-		component.set({ visible: false });
+		component.visible = false;
 
 		raf.tick( 200 );
 		assert.htmlEqual(target.innerHTML, '');
diff --git a/test/runtime/samples/transition-js-nested-each-keyed-2/_config.js b/test/runtime/samples/transition-js-nested-each-keyed-2/_config.js
index b9cf76155c..1d2d7c798d 100644
--- a/test/runtime/samples/transition-js-nested-each-keyed-2/_config.js
+++ b/test/runtime/samples/transition-js-nested-each-keyed-2/_config.js
@@ -7,7 +7,7 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ x: false });
+		component.x = false;
 		assert.htmlEqual(target.innerHTML, '');
 	},
 };
diff --git a/test/runtime/samples/transition-js-nested-each-keyed/_config.js b/test/runtime/samples/transition-js-nested-each-keyed/_config.js
index 746bca4281..2e4f8e4bb9 100644
--- a/test/runtime/samples/transition-js-nested-each-keyed/_config.js
+++ b/test/runtime/samples/transition-js-nested-each-keyed/_config.js
@@ -8,7 +8,7 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ x: true });
+		component.x = true;
 
 		const div = target.querySelector('div');
 		assert.equal(div.foo, 0);
@@ -16,7 +16,7 @@ export default {
 		raf.tick(100);
 		assert.equal(div.foo, 1);
 
-		component.set({ x: false });
+		component.x = false;
 		assert.htmlEqual(target.innerHTML, '<div></div>');
 
 		raf.tick(150);
diff --git a/test/runtime/samples/transition-js-nested-each/_config.js b/test/runtime/samples/transition-js-nested-each/_config.js
index 746bca4281..2e4f8e4bb9 100644
--- a/test/runtime/samples/transition-js-nested-each/_config.js
+++ b/test/runtime/samples/transition-js-nested-each/_config.js
@@ -8,7 +8,7 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ x: true });
+		component.x = true;
 
 		const div = target.querySelector('div');
 		assert.equal(div.foo, 0);
@@ -16,7 +16,7 @@ export default {
 		raf.tick(100);
 		assert.equal(div.foo, 1);
 
-		component.set({ x: false });
+		component.x = false;
 		assert.htmlEqual(target.innerHTML, '<div></div>');
 
 		raf.tick(150);
diff --git a/test/runtime/samples/transition-js-nested-if/_config.js b/test/runtime/samples/transition-js-nested-if/_config.js
index e3358ee7d4..9a5d09fdec 100644
--- a/test/runtime/samples/transition-js-nested-if/_config.js
+++ b/test/runtime/samples/transition-js-nested-if/_config.js
@@ -8,7 +8,7 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ x: true });
+		component.x = true;
 
 		const div = target.querySelector('div');
 		assert.equal(div.foo, 0);
@@ -16,7 +16,7 @@ export default {
 		raf.tick(100);
 		assert.equal(div.foo, 1);
 
-		component.set({ x: false });
+		component.x = false;
 		assert.htmlEqual(target.innerHTML, '<div></div>');
 
 		raf.tick(150);
diff --git a/test/runtime/samples/transition-js-nested-intro/_config.js b/test/runtime/samples/transition-js-nested-intro/_config.js
index 9906be26d2..3df72d2f32 100644
--- a/test/runtime/samples/transition-js-nested-intro/_config.js
+++ b/test/runtime/samples/transition-js-nested-intro/_config.js
@@ -1,6 +1,6 @@
 export default {
 	test ( assert, component, target, window, raf ) {
-		component.set({ visible: true });
+		component.visible = true;
 		const div = target.querySelector( 'div' );
 		assert.equal( div.foo, 0 );
 
diff --git a/test/runtime/samples/transition-js-parameterised-with-state/_config.js b/test/runtime/samples/transition-js-parameterised-with-state/_config.js
index 00a2d53b5f..efcb0121bc 100644
--- a/test/runtime/samples/transition-js-parameterised-with-state/_config.js
+++ b/test/runtime/samples/transition-js-parameterised-with-state/_config.js
@@ -4,7 +4,7 @@ export default {
 	},
 
 	test(assert, component, target, window, raf) {
-		component.set({ visible: true });
+		component.visible = true;
 		const div = target.querySelector('div');
 		assert.equal(div.foo, 0);
 
diff --git a/test/runtime/samples/transition-js-parameterised/_config.js b/test/runtime/samples/transition-js-parameterised/_config.js
index d12aa06b89..6775b4355e 100644
--- a/test/runtime/samples/transition-js-parameterised/_config.js
+++ b/test/runtime/samples/transition-js-parameterised/_config.js
@@ -1,6 +1,6 @@
 export default {
 	test(assert, component, target, window, raf) {
-		component.set({ visible: true });
+		component.visible = true;
 		const div = target.querySelector('div');
 		assert.equal(div.foo, 0);
 
diff --git a/test/runtime/samples/window-bind-scroll-update/_config.js b/test/runtime/samples/window-bind-scroll-update/_config.js
index 71a880e438..223c5dca74 100644
--- a/test/runtime/samples/window-bind-scroll-update/_config.js
+++ b/test/runtime/samples/window-bind-scroll-update/_config.js
@@ -4,7 +4,7 @@ export default {
 	test ( assert, component, target, window ) {
 		assert.equal( window.pageYOffset, 0 );
 
-		component.set({ scrollY: 100 });
+		component.scrollY = 100;
 		assert.equal( window.pageYOffset, 100 );
 
 		component.destroy();