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, `
`
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, `
bar
`);
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, `
foo: bar
`);
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, `
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, `
cow: hooves
`);
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, `
no animals
` );
// 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, `
wombat
` );
- component.set({ animals: ['dinosaur'] });
+ component.animals = ['dinosaur'];
assert.htmlEqual( target.innerHTML, `
dinosaur
` );
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
wombat
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
no animals, but rather something else
after
` );
- component.set({ foo: 'something other' });
+ component.foo = 'something other';
assert.htmlEqual( target.innerHTML, `
before
no animals, but rather something other
after
` );
- component.set({ animals: ['wombat'] });
+ component.animals = ['wombat'];
assert.htmlEqual( target.innerHTML, `
before
wombat
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: '
',
test ( assert, component, target ) {
- component.set({ dummy: true });
+ component.dummy = true;
assert.htmlEqual(target.innerHTML, '
' );
}
};
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, `
0
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, `
buy beer
drink beer
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, `
foo
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, `
11
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, `
a
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, '
1: implement client-side hydration
' );
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, `
alpaca
baboon
@@ -18,7 +18,7 @@ export default {
dogfish
` );
- 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: '
Hello world!
',
test ( assert, component, target ) {
- component.set({ name: 'everybody' });
+ component.name = 'everybody';
assert.htmlEqual( target.innerHTML, '
Hello everybody!
' );
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: '
A wild component appears
',
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, `
2
`);
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, `
not foo
not bar
` );
- component.set({ bar: true });
+ component.bar = true;
assert.htmlEqual( target.innerHTML, `
not foo
bar
` );
- component.set({ foo: true });
+ component.foo = true;
assert.htmlEqual( target.innerHTML, `
foo
bar
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, `
x is less than 5
`);
- 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, `
x is less than 5
` );
- component.set({ x: 6 });
+ component.x = 6;
assert.htmlEqual( target.innerHTML, `
x is between 5 and 10
` );
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: '
',
test ( assert, component, target ) {
- component.set({ visible: true });
+ component.visible = true;
assert.htmlEqual(target.innerHTML, '
' );
}
};
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, `
A wild component appears
y
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: '
i am visible
',
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, '
i am visible
' );
}
};
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
Widget
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: '
i am visible
',
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, '
i am visible
' );
}
};
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, `
Called 0 times.
`);
- component.set({ foo: component.get().foo });
+ component.foo = component.get().foo;
assert.htmlEqual(target.innerHTML, `
Called 0 times.
`);
}
};
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: '
1 + 2 = 3
',
test ( assert, component, target ) {
- component.set({ a: 3, b: 4 });
+ component.a = 3;
+ component.b = 4;
assert.equal( target.innerHTML, '
3 + 4 = 7
' );
}
};
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: `
1: foo
2: bar
3: baz
`,
test ( assert, component, target ) {
- component.set({
- widgets: [
- { name: 'bish' },
- { name: 'bosh' }
- ]
- });
+ component.widgets = [
+ { name: 'bish' },
+ { name: 'bosh' }
+ ];
assert.htmlEqual( target.innerHTML, `
1: bish
2: bosh
` );
}
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, `
1, a
@@ -33,7 +33,7 @@ export default {
`);
- 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, `
goodbye!
goodbye!
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: `
`,
test ( assert, component, target ) {
- component.set({ foo: true });
+ component.foo = true;
assert.htmlEqual( target.innerHTML, `
` );
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, `
yeah!
YEAH!
`);
- 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, `
yeah!
YEAH!
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, `
goodbye!
goodbye!
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: `
`,
test(assert, component, target) {
- component.set({ foo: 'goodbye' });
+ component.foo = 'goodbye';
assert.htmlEqual(target.innerHTML, `
`);
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: `
bar`
- });
+ component.raw = `
bar`;
}
};
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: `
bar`
- });
+ component.raw = `
bar`;
}
};
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: `
bar`
- });
+ component.raw = `
bar`;
}
};
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: `
bar`
- });
+ component.raw = `
bar`;
}
};
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: `
bar`
- });
+ component.raw = `
bar`;
}
};
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: `
bar`
- });
+ component.raw = `
bar`;
}
};
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: '
does not change
' });
+ component.raw = '
does not change
';
assert.equal( target.innerHTML, `
` );
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}
raw html!!!\\o/${ns}after`,
test ( assert, component, target ) {
- component.set({ raw: '' });
+ component.raw = '';
assert.equal( target.innerHTML, `before${ns}${ns}after` );
- component.set({ raw: 'how about
unclosed elements?' });
+ component.raw = 'how about unclosed elements?';
assert.equal( target.innerHTML, `before${ns}how about unclosed elements?${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, `
2
4
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, `a: 2
`);
},
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: `foo: lol
\n
baz: 42 (number)
\n
qux: named
\n
quux: core
`,
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, `foo: wut
\n
baz: 43 (number)
\n
qux: named
\n
quux: heart
` );
}
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, `
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, `
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: ``,
test(assert, component, target) {
- component.set({ foo: true });
+ component.foo = true;
assert.htmlEqual(
target.innerHTML,
``
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, `blue
` );
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, `blue
` );
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, `
Current state: deconflicted
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, `` );
},
};
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, `` );
}
};
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, `` );
}
};
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, `