msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

replace component.set calls with assignments

Browse Source
pull/1864/head
Rich Harris 7 years ago
parent 171f75d4cf
commit 80f7446685
227 changed files with 383 additions and 480 deletions
Show Stats Download Patch File Download Diff File

2
test/runtime/samples/attribute-dynamic-reserved/_config.js
Unescape View File

@ -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

2
test/runtime/samples/attribute-dynamic-shorthand/_config.js
Unescape View File

@ -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>` );
}
};

2
test/runtime/samples/attribute-dynamic-type/_config.js
Unescape View File

@ -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');
}
};

2
test/runtime/samples/attribute-dynamic/_config.js
Unescape View File

@ -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' );
}

2
test/runtime/samples/attribute-prefer-expression/_config.js
Unescape View File

@ -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 );

2
test/runtime/samples/autofocus/_config.js
Unescape View File

@ -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 );
}
};

4
test/runtime/samples/await-set-simultaneous/_config.js
Unescape View File

@ -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>`);

4
test/runtime/samples/await-then-catch-anchor/_config.js
Unescape View File

@ -28,9 +28,7 @@ export default {
reject = r;
});
component.set({
thePromise
});
component.thePromise = thePromise;
assert.htmlEqual(target.innerHTML, `
<div><p>loading...</p></div>

2
test/runtime/samples/await-then-catch-event/_config.js
Unescape View File

@ -29,7 +29,7 @@ export default {
assert.equal(component.get().clicked, 42);
thePromise = Promise.resolve(43);
component.set({ thePromise });
component.thePromise = thePromise;
return thePromise;
})

8
test/runtime/samples/await-then-catch-if/_config.js
Unescape View File

@ -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, `

4
test/runtime/samples/await-then-catch-in-slot/_config.js
Unescape View File

@ -28,9 +28,7 @@ export default {
reject = r;
});
component.set({
thePromise
});
component.thePromise = thePromise;
assert.htmlEqual(target.innerHTML, `
<p>loading...</p>

4
test/runtime/samples/await-then-catch-multiple/_config.js
Unescape View File

@ -30,9 +30,7 @@ export default {
reject = r;
});
component.set({
thePromise
});
component.thePromise = thePromise;
assert.htmlEqual(target.innerHTML, `
<p>loading...</p>

4
test/runtime/samples/await-then-catch-no-values/_config.js
Unescape View File

@ -24,9 +24,7 @@ export default {
reject = r;
});
component.set({
thePromise
});
component.thePromise = thePromise;
assert.htmlEqual(target.innerHTML, `waiting`);

4
test/runtime/samples/await-then-catch-non-promise/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/await-then-catch-static/_config.js
Unescape View File

@ -26,9 +26,7 @@ export default {
fulfil = f;
});
component.set({
promise
});
component.promise = promise;
assert.htmlEqual(target.innerHTML, `
<p>loading...</p>

4
test/runtime/samples/await-then-catch/_config.js
Unescape View File

@ -28,9 +28,7 @@ export default {
reject = r;
});
component.set({
thePromise
});
component.thePromise = thePromise;
assert.htmlEqual(target.innerHTML, `
<p>loading...</p>

4
test/runtime/samples/await-then-shorthand/_config.js
Unescape View File

@ -26,9 +26,7 @@ export default {
reject = r;
});
component.set({
thePromise
});
component.thePromise = thePromise;
assert.htmlEqual(target.innerHTML, ``);

2
test/runtime/samples/binding-input-checkbox-deep-contextual/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/binding-input-checkbox-group-outside-each/_config.js
Unescape View File

@ -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 );

2
test/runtime/samples/binding-input-checkbox-group/_config.js
Unescape View File

@ -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 );

2
test/runtime/samples/binding-input-checkbox-indeterminate/_config.js
Unescape View File

@ -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, `

2
test/runtime/samples/binding-input-checkbox-with-event-in-each/_config.js
Unescape View File

@ -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);

2
test/runtime/samples/binding-input-checkbox/_config.js
Unescape View File

@ -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>` );
}

2
test/runtime/samples/binding-input-number/_config.js
Unescape View File

@ -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'>

2
test/runtime/samples/binding-input-radio-group/_config.js
Unescape View File

@ -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 );

2
test/runtime/samples/binding-input-range-change/_config.js
Unescape View File

@ -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'>

2
test/runtime/samples/binding-input-range/_config.js
Unescape View File

@ -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'>

2
test/runtime/samples/binding-input-text-contextual/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/binding-input-text-deconflicted/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/binding-input-text-deep-computed-dynamic/_config.js
Unescape View File

@ -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';

2
test/runtime/samples/binding-input-text-deep-computed/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/binding-input-text-deep-contextual-computed-dynamic/_config.js
Unescape View File

@ -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';

2
test/runtime/samples/binding-input-text-deep-contextual/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/binding-input-text-deep/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/binding-input-text/_config.js
Unescape View File

@ -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>

6
test/runtime/samples/binding-select-late/_config.js
Unescape View File

@ -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 );

2
test/runtime/samples/binding-select-multiple/_config.js
Unescape View File

@ -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 );

2
test/runtime/samples/binding-select/_config.js
Unescape View File

@ -52,6 +52,6 @@ export default {
<p>selected: two</p>
`);
component.set({ selected: 'three' });
component.selected = 'three';
},
};

2
test/runtime/samples/binding-textarea/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/class-helper/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/class-in-each/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/class-shortcut-with-class/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/class-shortcut/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/class-with-dynamic-attribute/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/component-binding-blowback/_config.js
Unescape View File

@ -6,7 +6,7 @@ export default {
if (changed.bar) count += 1;
});
component.set({ x: true });
component.x = true;
assert.equal(count, 0);
}
};

6
test/runtime/samples/component-binding-computed/_config.js
Unescape View File

@ -22,12 +22,10 @@ export default {
lastname: 'Lovelace'
});
component.set({
values: {
component.values = {
firstname: 'Grace',
lastname: 'Hopper'
}
});
};
assert.equal(inputs[0].value, 'Grace');
assert.equal(inputs[1].value, 'Hopper');
}

2
test/runtime/samples/component-binding-conditional-b/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/component-binding-conditional/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/component-binding-deep-b/_config.js
Unescape View File

@ -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' );

6
test/runtime/samples/component-binding-each-object/_config.js
Unescape View File

@ -8,12 +8,10 @@ export default {
`,
test ( assert, component, target ) {
component.set({
a: [
component.a = [
{ id: 'yep' },
{ id: 'nope' }
]
});
];
assert.htmlEqual( target.innerHTML, `
<span>yep</span><span>nope</span>

4
test/runtime/samples/component-data-dynamic-late/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/component-data-dynamic-shorthand/_config.js
Unescape View File

@ -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>` );
}

10
test/runtime/samples/component-data-dynamic/_config.js
Unescape View File

@ -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>` );
}

2
test/runtime/samples/component-event-not-stale/_config.js
Unescape View File

@ -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);

6
test/runtime/samples/component-events/_config.js
Unescape View File

@ -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 );
}
};

2
test/runtime/samples/component-if-placement/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/component-name-deconflicted/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/component-nested-deeper/_config.js
Unescape View File

@ -4,6 +4,6 @@ export default {
},
test(assert, component) {
component.set({ values: [2, 3] });
component.values = [2, 3];
}
};

2
test/runtime/samples/component-slot-each-block/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/component-slot-if-block-before-node/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/component-slot-if-block/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/component-slot-if-else-block-before-node/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/component-yield-if/_config.js
Unescape View File

@ -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});

4
test/runtime/samples/component-yield-multiple-in-each/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/component-yield-multiple-in-if/_config.js
Unescape View File

@ -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();

4
test/runtime/samples/component-yield-nested-if/_config.js
Unescape View File

@ -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` );
}
};

2
test/runtime/samples/component-yield-parent/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/component-yield-static/_config.js
Unescape View File

@ -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
` );

6
test/runtime/samples/computed-function/_config.js
Unescape View File

@ -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>' );
}
};

2
test/runtime/samples/computed-values-deconflicted/_config.js
Unescape View File

@ -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>
`);

2
test/runtime/samples/computed-values-default/_config.js
Unescape View File

@ -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();
}

2
test/runtime/samples/computed-values-function-dependency/_config.js
Unescape View File

@ -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();

2
test/runtime/samples/computed-values/_config.js
Unescape View File

@ -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>' );

2
test/runtime/samples/deconflict-elements-indexes/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/default-data-function/_config.js
Unescape View File

@ -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>' );
}
};

2
test/runtime/samples/dev-warning-readonly-computed/_config.js
Unescape View File

@ -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'` );

2
test/runtime/samples/dev-warning-readonly-window-binding/_config.js
Unescape View File

@ -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'` );

12
test/runtime/samples/dynamic-component-bindings-recreated-b/_config.js
Unescape View File

@ -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>

10
test/runtime/samples/dynamic-component-bindings-recreated/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/dynamic-component-bindings/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/dynamic-component-destroy-null/_config.js
Unescape View File

@ -6,8 +6,6 @@ export default {
nestedTransitions: true,
test(assert, component) {
component.set({
x: false
});
component.x = false;
}
};

4
test/runtime/samples/dynamic-component-events/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/dynamic-component-in-if/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/dynamic-component-inside-element/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/dynamic-component-nulled-out/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/dynamic-component-slot/_config.js
Unescape View File

@ -17,9 +17,7 @@ export default {
`,
test(assert, component, target) {
component.set({
x: false
});
component.x = false;
assert.htmlEqual(target.innerHTML, `
<h1>Bar</h1>

4
test/runtime/samples/dynamic-component-update-existing-instance/_config.js
Unescape View File

@ -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>

4
test/runtime/samples/dynamic-component/_config.js
Unescape View File

@ -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>

10
test/runtime/samples/each-block-containing-component-in-if/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/each-block-containing-if/_config.js
Unescape View File

@ -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>`

2
test/runtime/samples/each-block-destructured-array-sparse/_config.js
Unescape View File

@ -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>
`);

2
test/runtime/samples/each-block-destructured-array/_config.js
Unescape View File

@ -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>
`);

2
test/runtime/samples/each-block-destructured-object-binding/_config.js
Unescape View File

@ -34,7 +34,7 @@ export default {
`);
people[0].name.first = 'Frank';
component.set({ people });
component.people = people;
assert.htmlEqual(target.innerHTML, `
<input>

4
test/runtime/samples/each-block-destructured-object/_config.js
Unescape View File

@ -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>
`);

8
test/runtime/samples/each-block-dynamic-else-static/_config.js
Unescape View File

@ -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>
` );

2
test/runtime/samples/each-block-else-starts-empty/_config.js
Unescape View File

@ -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>

6
test/runtime/samples/each-block-else/_config.js
Unescape View File

@ -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>

2
test/runtime/samples/each-block-empty-outro/_config.js
Unescape View File

@ -13,7 +13,7 @@ export default {
nestedTransitions: true,
test(assert, component, target) {
component.set({ visible: false });
component.visible = false;
assert.htmlEqual(target.innerHTML, ``);
}

2
test/runtime/samples/each-block-in-if-block/_config.js
Unescape View File

@ -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>' );
}
};

4
test/runtime/samples/each-block-index-only/_config.js
Unescape View File

@ -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>

Some files were not shown because too many files have changed in this diff Show More

Write Preview
Loading…
Cancel
Save