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

update tests

Browse Source
pull/1864/head
Rich Harris 7 years ago
parent e30f96a535
commit 8f3a6faaad
58 changed files with 100 additions and 100 deletions
Show Stats Download Patch File Download Diff File

16
test/runtime/samples/binding-audio-currenttime-duration-volume/_config.js
Unescape View File

@ -5,10 +5,10 @@ export default {
skip: true, skip: true,
test ( assert, component, target, window ) { test ( assert, component, target, window ) {
assert.equal( component.get().t, 0 ); assert.equal( component.t, 0 );
assert.equal( component.get().d, 0 ); assert.equal( component.d, 0 );
assert.equal( component.get().v, 0.5 ); assert.equal( component.v, 0.5 );
assert.equal( component.get().paused, true ); assert.equal( component.paused, true );
const audio = target.querySelector( 'audio' ); const audio = target.querySelector( 'audio' );
const timeupdate = new window.Event( 'timeupdate' ); const timeupdate = new window.Event( 'timeupdate' );
@ -23,10 +23,10 @@ export default {
audio.dispatchEvent( volumechange ); audio.dispatchEvent( volumechange );
audio.play(); audio.play();
assert.equal( component.get().t, 10 ); assert.equal( component.t, 10 );
assert.equal( component.get().d, 0 ); // not 20, because read-only. Not sure how to test this! assert.equal( component.d, 0 ); // not 20, because read-only. Not sure how to test this!
assert.equal( component.get().v, 0.75 ); assert.equal( component.v, 0.75 );
assert.equal( component.get().paused, true ); // ditto... assert.equal( component.paused, true ); // ditto...
component.destroy(); component.destroy();
} }
}; };

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

@ -20,7 +20,7 @@ export default {
options[1].selected = true; options[1].selected = true;
select.dispatchEvent(change); select.dispatchEvent(change);
assert.equal(component.get().selected.letter, 'B'); assert.equal(component.selected.letter, 'B');
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<select> <select>
<option value='A'>A</option> <option value='A'>A</option>

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

@ -42,7 +42,7 @@ export default {
input.checked = true; input.checked = true;
input.dispatchEvent(change); input.dispatchEvent(change);
assert.ok(component.get().tasks[0].done); assert.ok(component.tasks[0].done);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<select> <select>
<option value='[object Object]'>put your left leg in</option> <option value='[object Object]'>put your left leg in</option>
@ -63,13 +63,13 @@ export default {
options[1].selected = true; options[1].selected = true;
select.dispatchEvent(change); select.dispatchEvent(change);
assert.equal(component.get().selected, tasks[1]); assert.equal(component.selected, tasks[1]);
assert.ok(!input.checked); assert.ok(!input.checked);
input.checked = true; input.checked = true;
input.dispatchEvent(change); input.dispatchEvent(change);
assert.ok(component.get().tasks[1].done); assert.ok(component.tasks[1].done);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<select> <select>
<option value='[object Object]'>put your left leg in</option> <option value='[object Object]'>put your left leg in</option>

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

@ -45,13 +45,13 @@ export default {
inputs[1].checked = true; inputs[1].checked = true;
inputs[1].dispatchEvent( event ); inputs[1].dispatchEvent( event );
assert.equal( component.get().numCompleted, 2 ); assert.equal( component.numCompleted, 2 );
assert.htmlEqual( target.innerHTML, ` 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> <div><input type="checkbox"><p>one</p></div><div><input type="checkbox"><p>two</p></div><div><input type="checkbox"><p>three</p></div>
<p>2 completed</p> <p>2 completed</p>
` ); ` );
const items = component.get().items; const items = component.items;
items[2].completed = true; items[2].completed = true;
component.items = items; component.items = items;

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

@ -22,8 +22,8 @@ export default {
input.indeterminate = false; input.indeterminate = false;
input.dispatchEvent(event); input.dispatchEvent(event);
assert.equal(component.get().indeterminate, false); assert.equal(component.indeterminate, false);
assert.equal(component.get().checked, true); assert.equal(component.checked, true);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<input type="checkbox"> <input type="checkbox">
<p>checked? true</p> <p>checked? true</p>

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

@ -22,7 +22,7 @@ export default {
input.value = '43'; input.value = '43';
input.dispatchEvent(event); input.dispatchEvent(event);
assert.equal(component.get().count, 43); assert.equal(component.count, 43);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<input type='number'> <input type='number'>
<p>number 43</p> <p>number 43</p>
@ -39,7 +39,7 @@ export default {
input.value = ''; input.value = '';
input.dispatchEvent(event); input.dispatchEvent(event);
assert.equal(component.get().count, undefined); assert.equal(component.count, undefined);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<input type='number'> <input type='number'>
<p>undefined undefined</p> <p>undefined undefined</p>

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

@ -22,7 +22,7 @@ export default {
input.value = '43'; input.value = '43';
input.dispatchEvent(event); input.dispatchEvent(event);
assert.equal(component.get().count, 43); assert.equal(component.count, 43);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<input type='range'> <input type='range'>
<p>number 43</p> <p>number 43</p>

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

@ -22,7 +22,7 @@ export default {
input.value = '43'; input.value = '43';
input.dispatchEvent(event); input.dispatchEvent(event);
assert.equal(component.get().count, 43); assert.equal(component.count, 43);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<input type='range'> <input type='range'>
<p>number 43</p> <p>number 43</p>

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

@ -29,7 +29,7 @@ export default {
test(assert, component, target, window) { test(assert, component, target, window) {
const inputs = [...target.querySelectorAll('input')]; const inputs = [...target.querySelectorAll('input')];
const items = component.get().items; const items = component.items;
const event = new window.Event('input'); const event = new window.Event('input');
assert.equal(inputs[0].value, 'one'); assert.equal(inputs[0].value, 'one');

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

@ -31,7 +31,7 @@ export default {
<p>hello bob</p> <p>hello bob</p>
`); `);
const user = component.get().user; const user = component.user;
user.name = 'carol'; user.name = 'carol';
component.user = user; component.user = user;

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

@ -35,7 +35,7 @@ export default {
<div><input><p>three</p></div> <div><input><p>three</p></div>
`); `);
const items = component.get().items; const items = component.items;
items[2].description = 'five'; items[2].description = 'five';
component.items = items; component.items = items;

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

@ -30,7 +30,7 @@ export default {
<p>hello bob</p> <p>hello bob</p>
`); `);
const user = component.get().user; const user = component.user;
user.name = 'carol'; user.name = 'carol';
component.user = user; component.user = user;

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

@ -13,7 +13,7 @@ export default {
input.dispatchEvent( event ); input.dispatchEvent( event );
assert.equal( input.value, '43' ); assert.equal( input.value, '43' );
assert.equal( component.get().a, 43 ); assert.equal( component.a, 43 );
component.destroy(); component.destroy();
} }

4
test/runtime/samples/binding-select-implicit-option-value/_config.js
Unescape View File

@ -29,14 +29,14 @@ export default {
const options = [...target.querySelectorAll('option')]; const options = [...target.querySelectorAll('option')];
assert.ok(options[1].selected); assert.ok(options[1].selected);
assert.equal(component.get().foo, 2); assert.equal(component.foo, 2);
const change = new window.Event('change'); const change = new window.Event('change');
options[2].selected = true; options[2].selected = true;
select.dispatchEvent(change); select.dispatchEvent(change);
assert.equal(component.get().foo, 3); assert.equal(component.foo, 3);
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<select> <select>
<option value='1'>1</option> <option value='1'>1</option>

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

@ -25,7 +25,7 @@ export default {
selects[1].options[0].selected = true; selects[1].options[0].selected = true;
selects[1].dispatchEvent(change); selects[1].dispatchEvent(change);
assert.deepEqual(component.get().items, [ assert.deepEqual(component.items, [
{ value: 'hullo' }, { value: 'hullo' } { value: 'hullo' }, { value: 'hullo' }
]); ]);
} }

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

@ -23,7 +23,7 @@ export default {
select.options[2].selected = true; select.options[2].selected = true;
select.dispatchEvent(change); select.dispatchEvent(change);
assert.equal(component.get().letter, 'c'); assert.equal(component.letter, 'c');
assert.deepEqual(Array.from(select.options).map(o => o.selected), [ assert.deepEqual(Array.from(select.options).map(o => o.selected), [
false, false,

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

@ -24,7 +24,7 @@ export default {
options[1].selected = false; options[1].selected = false;
select.dispatchEvent( change ); select.dispatchEvent( change );
assert.deepEqual( component.get().selected, [ 'three' ] ); assert.deepEqual( component.selected, [ 'three' ] );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<select multiple> <select multiple>
<option>one</option> <option>one</option>
@ -38,7 +38,7 @@ export default {
options[0].selected = true; options[0].selected = true;
select.dispatchEvent( change ); select.dispatchEvent( change );
assert.deepEqual( component.get().selected, [ 'one', 'three' ] ); assert.deepEqual( component.selected, [ 'one', 'three' ] );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<select multiple> <select multiple>
<option>one</option> <option>one</option>

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

@ -17,14 +17,14 @@ export default {
const options = [...target.querySelectorAll('option')]; const options = [...target.querySelectorAll('option')];
assert.deepEqual(options, select.options); assert.deepEqual(options, select.options);
assert.equal(component.get().name, 'Harry'); assert.equal(component.name, 'Harry');
const change = new window.Event('change'); const change = new window.Event('change');
options[1].selected = true; options[1].selected = true;
select.dispatchEvent(change); select.dispatchEvent(change);
assert.equal(component.get().name, 'World'); assert.equal(component.name, 'World');
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<h1>Hello World!</h1> <h1>Hello World!</h1>

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

@ -32,14 +32,14 @@ export default {
const options = [...target.querySelectorAll('option')]; const options = [...target.querySelectorAll('option')];
assert.deepEqual(options, select.options); assert.deepEqual(options, select.options);
assert.equal(component.get().selected, 'one'); assert.equal(component.selected, 'one');
const change = new window.Event('change'); const change = new window.Event('change');
options[1].selected = true; options[1].selected = true;
select.dispatchEvent(change); select.dispatchEvent(change);
assert.equal(component.get().selected, 'two'); assert.equal(component.selected, 'two');
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<p>selected: two</p> <p>selected: two</p>

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

@ -10,14 +10,14 @@ export default {
inputs[0].value = 'Ada'; inputs[0].value = 'Ada';
inputs[0].dispatchEvent(input); inputs[0].dispatchEvent(input);
assert.deepEqual(component.get().values, { assert.deepEqual(component.values, {
firstname: 'Ada', firstname: 'Ada',
lastname: '' lastname: ''
}); });
inputs[1].value = 'Lovelace'; inputs[1].value = 'Lovelace';
inputs[1].dispatchEvent(input); inputs[1].dispatchEvent(input);
assert.deepEqual(component.get().values, { assert.deepEqual(component.values, {
firstname: 'Ada', firstname: 'Ada',
lastname: 'Lovelace' lastname: 'Lovelace'
}); });

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

@ -37,7 +37,7 @@ export default {
textarea.value = 'one source changed'; textarea.value = 'one source changed';
textarea.dispatchEvent( event ); textarea.dispatchEvent( event );
assert.equal( component.get().compiled, 'ONE SOURCE CHANGED\nTWO SOURCE' ); assert.equal( component.compiled, 'ONE SOURCE CHANGED\nTWO SOURCE' );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<select> <select>
<option value='[object Object]'>One.html</option> <option value='[object Object]'>One.html</option>
@ -67,7 +67,7 @@ export default {
textarea.value = 'two source changed'; textarea.value = 'two source changed';
textarea.dispatchEvent( event ); textarea.dispatchEvent( event );
assert.equal( component.get().compiled, 'ONE SOURCE CHANGED\nTWO SOURCE CHANGED' ); assert.equal( component.compiled, 'ONE SOURCE CHANGED\nTWO SOURCE CHANGED' );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<select> <select>
<option value='[object Object]'>One.html</option> <option value='[object Object]'>One.html</option>

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

@ -16,7 +16,7 @@ export default {
input.value = 'blah'; input.value = 'blah';
input.dispatchEvent(event); input.dispatchEvent(event);
assert.deepEqual(component.get().deep, { name: 'blah' }); assert.deepEqual(component.deep, { name: 'blah' });
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<input> <input>
<p>blah</p> <p>blah</p>

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

@ -18,7 +18,7 @@ export default {
inputs[0].value = 'blah'; inputs[0].value = 'blah';
inputs[0].dispatchEvent( event ); inputs[0].dispatchEvent( event );
assert.deepEqual( component.get().a, [{ name: 'blah' }, { name: 'bar' }, { name: 'baz' }] ); assert.deepEqual( component.a, [{ name: 'blah' }, { name: 'bar' }, { name: 'baz' }] );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<input><input><input> <input><input><input>
<p>blah, bar, baz</p> <p>blah, bar, baz</p>

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

@ -18,7 +18,7 @@ export default {
inputs[0].value = 'blah'; inputs[0].value = 'blah';
inputs[0].dispatchEvent( event ); inputs[0].dispatchEvent( event );
assert.deepEqual( component.get().a, [ 'blah', 'bar', 'baz' ] ); assert.deepEqual( component.a, [ 'blah', 'bar', 'baz' ] );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<input><input><input> <input><input><input>
<p>blah, bar, baz</p> <p>blah, bar, baz</p>

4
test/runtime/samples/component-binding-infinite-loop/_config.js
Unescape View File

@ -31,7 +31,7 @@ export default {
spans[0].dispatchEvent( click ); spans[0].dispatchEvent( click );
assert.equal( component.get().currentIdentifier, 1 ); assert.equal( component.currentIdentifier, 1 );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<p><span class='selected'>1</span></p> <p><span class='selected'>1</span></p>
<p><span class=''>2</span></p> <p><span class=''>2</span></p>
@ -60,7 +60,7 @@ export default {
spans[0].dispatchEvent( click ); spans[0].dispatchEvent( click );
assert.equal( component.get().currentIdentifier, null ); assert.equal( component.currentIdentifier, null );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<p><span class=''>1</span></p> <p><span class=''>1</span></p>
<p><span class=''>2</span></p> <p><span class=''>2</span></p>

4
test/runtime/samples/component-binding-invalid-identifier/_config.js
Unescape View File

@ -12,7 +12,7 @@ export default {
button.dispatchEvent( click ); button.dispatchEvent( click );
assert.equal( component.get().x, 1 ); assert.equal( component.x, 1 );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<button>+1</button> <button>+1</button>
<p>count: 1</p> <p>count: 1</p>
@ -20,7 +20,7 @@ export default {
button.dispatchEvent( click ); button.dispatchEvent( click );
assert.equal( component.get().x, 2 ); assert.equal( component.x, 2 );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<button>+1</button> <button>+1</button>
<p>count: 2</p> <p>count: 2</p>

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

@ -21,7 +21,7 @@ export default {
buttons[0].dispatchEvent( click ); buttons[0].dispatchEvent( click );
assert.equal( component.get().x, 'p' ); assert.equal( component.x, 'p' );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<p>x: p</p> <p>x: p</p>
<button class="foo">foo</button> <button class="foo">foo</button>
@ -34,7 +34,7 @@ export default {
buttons[1].dispatchEvent( click ); buttons[1].dispatchEvent( click );
assert.equal( component.get().x, 'q' ); assert.equal( component.x, 'q' );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<p>x: q</p> <p>x: q</p>
<button class="foo">foo</button> <button class="foo">foo</button>
@ -47,7 +47,7 @@ export default {
buttons[2].dispatchEvent( click ); buttons[2].dispatchEvent( click );
assert.equal( component.get().x, 'r' ); assert.equal( component.x, 'r' );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<p>x: r</p> <p>x: r</p>
<button class="foo">foo</button> <button class="foo">foo</button>

4
test/runtime/samples/component-binding-parent-supercedes-child/_config.js
Unescape View File

@ -10,7 +10,7 @@ export default {
button.dispatchEvent( click ); button.dispatchEvent( click );
assert.equal( component.get().x, 11 ); assert.equal( component.x, 11 );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<button>+1</button> <button>+1</button>
<p>count: 11</p> <p>count: 11</p>
@ -18,7 +18,7 @@ export default {
button.dispatchEvent( click ); button.dispatchEvent( click );
assert.equal( component.get().x, 12 ); assert.equal( component.x, 12 );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<button>+1</button> <button>+1</button>
<p>count: 12</p> <p>count: 12</p>

4
test/runtime/samples/component-binding-self-destroying/_config.js
Unescape View File

@ -12,14 +12,14 @@ export default {
target.querySelector('button').dispatchEvent(click); target.querySelector('button').dispatchEvent(click);
assert.equal(component.get().show, false); assert.equal(component.show, false);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<button>Show</button> <button>Show</button>
`); `);
target.querySelector('button').dispatchEvent(click); target.querySelector('button').dispatchEvent(click);
assert.equal(component.get().show, true); assert.equal(component.show, true);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<button>Hide</button> <button>Hide</button>
`); `);

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

@ -12,7 +12,7 @@ export default {
button.dispatchEvent( click ); button.dispatchEvent( click );
assert.equal( component.get().x, 1 ); assert.equal( component.x, 1 );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<button>+1</button> <button>+1</button>
<p>count: 1</p> <p>count: 1</p>
@ -20,7 +20,7 @@ export default {
button.dispatchEvent( click ); button.dispatchEvent( click );
assert.equal( component.get().x, 2 ); assert.equal( component.x, 2 );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<button>+1</button> <button>+1</button>
<p>count: 2</p> <p>count: 2</p>

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

@ -4,10 +4,10 @@ export default {
`, `,
test ( assert, component, target ) { test ( assert, component, target ) {
assert.equal( component.get().data, 'Hello' ); assert.equal( component.data, 'Hello' );
component.data = 'World'; component.data = 'World';
assert.equal( component.get().data, 'World' ); assert.equal( component.data, 'World' );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<div><p>World</p></div> <div><p>World</p></div>
` ); ` );

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

@ -1,7 +1,7 @@
export default { export default {
html: '<div>empty</div>', html: '<div>empty</div>',
test ( assert, component, target ) { test ( assert, component, target ) {
assert.equal( component.get().created, true ); assert.equal( component.created, true );
assert.equal( target.innerHTML, '<div>empty</div>' ); assert.equal( target.innerHTML, '<div>empty</div>' );
component.destroy(); component.destroy();
} }

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

@ -3,7 +3,7 @@ export default {
test ( assert, component, target ) { test ( assert, component, target ) {
component.y = 2; component.y = 2;
assert.equal( component.get().x, 4 ); assert.equal( component.x, 4 );
assert.equal( target.innerHTML, '<p>4</p>' ); assert.equal( target.innerHTML, '<p>4</p>' );
component.destroy(); component.destroy();
} }

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

@ -2,8 +2,8 @@ export default {
html: '<p>1 + 2 = 3</p>\n<p>3 * 3 = 9</p>', html: '<p>1 + 2 = 3</p>\n<p>3 * 3 = 9</p>',
test ( assert, component, target ) { test ( assert, component, target ) {
component.a = 3; component.a = 3;
assert.equal( component.get().c, 5 ); assert.equal( component.c, 5 );
assert.equal( component.get().cSquared, 25 ); assert.equal( component.cSquared, 25 );
assert.equal( target.innerHTML, '<p>3 + 2 = 5</p>\n<p>5 * 5 = 25</p>' ); assert.equal( target.innerHTML, '<p>3 + 2 = 5</p>\n<p>5 * 5 = 25</p>' );
component.destroy(); component.destroy();
} }

4
test/runtime/samples/custom-method/_config.js
Unescape View File

@ -5,11 +5,11 @@ export default {
const event = new window.MouseEvent( 'click' ); const event = new window.MouseEvent( 'click' );
button.dispatchEvent( event ); button.dispatchEvent( event );
assert.equal( component.get().counter, 1 ); assert.equal( component.counter, 1 );
assert.equal( target.innerHTML, '<button>+1</button>\n\n<p>1</p>' ); assert.equal( target.innerHTML, '<button>+1</button>\n\n<p>1</p>' );
button.dispatchEvent( event ); button.dispatchEvent( event );
assert.equal( component.get().counter, 2 ); assert.equal( component.counter, 2 );
assert.equal( target.innerHTML, '<button>+1</button>\n\n<p>2</p>' ); assert.equal( target.innerHTML, '<button>+1</button>\n\n<p>2</p>' );
assert.equal( component.foo(), 42 ); assert.equal( component.foo(), 42 );

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

@ -2,7 +2,7 @@ export default {
html: `<span>got</span>`, html: `<span>got</span>`,
test ( assert, component ) { test ( assert, component ) {
assert.equal( component.get().foo, 'got' ); assert.equal( component.foo, 'got' );
component.destroy(); component.destroy();
} }
}; };

2
test/runtime/samples/deconflict-non-helpers/_config.js
Unescape View File

@ -2,7 +2,7 @@ export default {
html: `ABCD`, html: `ABCD`,
test ( assert, component ) { test ( assert, component ) {
assert.equal( component.get().compute, 'ABCD' ); assert.equal( component.compute, 'ABCD' );
component.destroy(); component.destroy();
} }
}; };

6
test/runtime/samples/document-event/_config.js
Unescape View File

@ -1,11 +1,11 @@
export default { export default {
test(assert, component, target, window) { test(assert, component, target, window) {
assert.equal(component.get().events.toString(), ''); assert.equal(component.events.toString(), '');
const event1 = new window.Event('mouseenter'); const event1 = new window.Event('mouseenter');
window.document.dispatchEvent(event1); window.document.dispatchEvent(event1);
assert.equal(component.get().events.toString(), 'enter'); assert.equal(component.events.toString(), 'enter');
const event2 = new window.Event('mouseleave'); const event2 = new window.Event('mouseleave');
window.document.dispatchEvent(event2); window.document.dispatchEvent(event2);
assert.equal(component.get().events.toString(), 'enter,leave'); assert.equal(component.events.toString(), 'enter,leave');
}, },
}; };

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

@ -13,7 +13,7 @@ export default {
input.value = 'abc'; input.value = 'abc';
input.dispatchEvent(new window.Event('input')); input.dispatchEvent(new window.Event('input'));
assert.equal(component.get().y, 'abc'); assert.equal(component.y, 'abc');
component.x = false; component.x = false;
@ -26,6 +26,6 @@ export default {
input.checked = true; input.checked = true;
input.dispatchEvent(new window.Event('change')); input.dispatchEvent(new window.Event('change'));
assert.equal(component.get().z, true); assert.equal(component.z, true);
} }
}; };

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

@ -11,7 +11,7 @@ export default {
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');
target.querySelector('button').dispatchEvent(click); target.querySelector('button').dispatchEvent(click);
assert.equal(component.get().selected, 'foo'); assert.equal(component.selected, 'foo');
component.x = false; component.x = false;
@ -20,6 +20,6 @@ export default {
`); `);
target.querySelector('button').dispatchEvent(click); target.querySelector('button').dispatchEvent(click);
assert.equal(component.get().selected, 'bar'); assert.equal(component.selected, 'bar');
} }
}; };

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

@ -14,6 +14,6 @@ export default {
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');
button.dispatchEvent(event); button.dispatchEvent(event);
assert.equal(component.get().clicked, 'racoon'); assert.equal(component.clicked, 'racoon');
}, },
}; };

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

@ -1,6 +1,6 @@
export default { export default {
test ( assert, component, target ) { test ( assert, component, target ) {
const items = component.get().items; const items = component.items;
items.forEach( item => item.completed = false ); items.forEach( item => item.completed = false );
component.currentFilter = 'all'; component.currentFilter = 'all';

4
test/runtime/samples/event-handler-custom-each-destructured/_config.js
Unescape View File

@ -24,8 +24,8 @@ export default {
<p>second: bar</p> <p>second: bar</p>
` ); ` );
assert.equal( component.get().first, '1' ); assert.equal( component.first, '1' );
assert.equal( component.get().second, 'bar' ); assert.equal( component.second, 'bar' );
component.destroy(); component.destroy();
} }

4
test/runtime/samples/event-handler-custom-each/_config.js
Unescape View File

@ -24,8 +24,8 @@ export default {
<p>fromState: bar</p> <p>fromState: bar</p>
` ); ` );
assert.equal( component.get().fromDom, 'bar' ); assert.equal( component.fromDom, 'bar' );
assert.equal( component.get().fromState, 'bar' ); assert.equal( component.fromState, 'bar' );
component.destroy(); component.destroy();
} }

4
test/runtime/samples/event-handler-each-context/_config.js
Unescape View File

@ -12,10 +12,10 @@ export default {
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');
button.dispatchEvent(event); button.dispatchEvent(event);
assert.equal(component.get().foo, 'right'); assert.equal(component.foo, 'right');
component.bar = 'left'; component.bar = 'left';
button.dispatchEvent(event); button.dispatchEvent(event);
assert.equal(component.get().foo, 'left'); assert.equal(component.foo, 'left');
} }
}; };

4
test/runtime/samples/event-handler-each-deconflicted/_config.js
Unescape View File

@ -16,7 +16,7 @@ export default {
const event = new window.MouseEvent( 'click' ); const event = new window.MouseEvent( 'click' );
buttons[0].dispatchEvent( event ); buttons[0].dispatchEvent( event );
assert.equal( component.get().clicked, 'foo' ); assert.equal( component.clicked, 'foo' );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<button>foo</button> <button>foo</button>
<button>bar</button> <button>bar</button>
@ -24,7 +24,7 @@ export default {
` ); ` );
buttons[1].dispatchEvent( event ); buttons[1].dispatchEvent( event );
assert.equal( component.get().clicked, 'bar' ); assert.equal( component.clicked, 'bar' );
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual( target.innerHTML, `
<button>foo</button> <button>foo</button>
<button>bar</button> <button>bar</button>

4
test/runtime/samples/event-handler-event-methods/_config.js
Unescape View File

@ -6,7 +6,7 @@ export default {
allow.dispatchEvent( new window.MouseEvent( 'click', { bubbles: true }) ); allow.dispatchEvent( new window.MouseEvent( 'click', { bubbles: true }) );
stop.dispatchEvent( new window.MouseEvent( 'click', { bubbles: true }) ); stop.dispatchEvent( new window.MouseEvent( 'click', { bubbles: true }) );
assert.equal( component.get().foo, true ); assert.equal( component.foo, true );
assert.equal( component.get().bar, false ); assert.equal( component.bar, false );
} }
}; };

4
test/runtime/samples/event-handler-removal/_config.js
Unescape View File

@ -7,13 +7,13 @@ export default {
// this should NOT trigger blur event // this should NOT trigger blur event
component.visible = false; component.visible = false;
assert.ok( !component.get().blurred ); assert.ok( !component.blurred );
component.visible = true; component.visible = true;
component.refs.input.focus(); component.refs.input.focus();
// this SHOULD trigger blur event // this SHOULD trigger blur event
component.refs.input.blur(); component.refs.input.blur();
assert.ok( component.get().blurred ); assert.ok( component.blurred );
} }
}; };

2
test/runtime/samples/flush-before-bindings/_config.js
Unescape View File

@ -11,7 +11,7 @@ export default {
`, `,
test(assert, component) { test(assert, component) {
const visibleThings = component.get().visibleThings; const visibleThings = component.visibleThings;
assert.deepEqual(visibleThings, ['first thing', 'second thing']); assert.deepEqual(visibleThings, ['first thing', 'second thing']);
const snapshots = component.snapshots; const snapshots = component.snapshots;

4
test/runtime/samples/get-state/_config.js
Unescape View File

@ -1,7 +1,7 @@
export default { export default {
test ( assert, component ) { test ( assert, component ) {
assert.equal( component.get().a, 1 ); assert.equal( component.a, 1 );
assert.equal( component.get().c, 3 ); assert.equal( component.c, 3 );
assert.deepEqual( component.get(), { a: 1, b: 2, c: 3 }); assert.deepEqual( component.get(), { a: 1, b: 2, c: 3 });
} }
}; };

2
test/runtime/samples/globals-not-overwritten-by-bindings/_config.js
Unescape View File

@ -57,7 +57,7 @@ export default {
input.checked = true; input.checked = true;
input.dispatchEvent(change); input.dispatchEvent(change);
assert.ok(component.get().todos.third.done); assert.ok(component.todos.third.done);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<div class="todo done"> <div class="todo done">
<input type="checkbox"> <input type="checkbox">

4
test/runtime/samples/immutable-root/_config.js
Unescape View File

@ -5,13 +5,13 @@ export default {
test(assert, component, target, window) { test(assert, component, target, window) {
component.on('state', ({ changed }) => { component.on('state', ({ changed }) => {
if (changed.foo) { if (changed.foo) {
component.count = component.get().count + 1; component.count = component.count + 1;
} }
}); });
assert.htmlEqual(target.innerHTML, `<div><h3>Called 0 times.</h3></div>`); assert.htmlEqual(target.innerHTML, `<div><h3>Called 0 times.</h3></div>`);
component.foo = component.get().foo; component.foo = component.foo;
assert.htmlEqual(target.innerHTML, `<div><h3>Called 0 times.</h3></div>`); assert.htmlEqual(target.innerHTML, `<div><h3>Called 0 times.</h3></div>`);
} }
}; };

2
test/runtime/samples/observe-prevents-loop/_config.js
Unescape View File

@ -4,7 +4,7 @@ export default {
}, },
test(assert, component) { test(assert, component) {
const thing = component.get().thing; const thing = component.thing;
component.on('state', ({ changed, current }) => { component.on('state', ({ changed, current }) => {
if (changed.thing) { if (changed.thing) {

2
test/runtime/samples/select-bind-in-array/_config.js
Unescape View File

@ -8,7 +8,7 @@ export default {
}, },
test ( assert, component, target ) { test ( assert, component, target ) {
const items = component.get().items; const items = component.items;
assert.equal( items[0].id, 'a' ); assert.equal( items[0].id, 'a' );
assert.equal( items[1].id, 'b' ); assert.equal( items[1].id, 'b' );

4
test/runtime/samples/select-change-handler/_config.js
Unescape View File

@ -14,8 +14,8 @@ export default {
select.dispatchEvent( event ); select.dispatchEvent( event );
assert.equal( select.value, 'c' ); assert.equal( select.value, 'c' );
assert.equal( component.get().lastChangedTo, 'c' ); assert.equal( component.lastChangedTo, 'c' );
assert.equal( component.get().selected, 'c' ); assert.equal( component.selected, 'c' );
component.destroy(); component.destroy();
} }

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

@ -10,6 +10,6 @@ export default {
selects[1].value = 'b'; selects[1].value = 'b';
selects[1].dispatchEvent(event2); selects[1].dispatchEvent(event2);
assert.deepEqual( component.get().log, [ 1, 2 ] ); assert.deepEqual( component.log, [ 1, 2 ] );
} }
}; };

2
test/runtime/samples/set-in-ondestroy/_config.js
Unescape View File

@ -11,7 +11,7 @@ export default {
component.on('destroy', () => { component.on('destroy', () => {
component.foo = 2; component.foo = 2;
valueOnDestroy = component.get().foo; valueOnDestroy = component.foo;
}); });
component.on('state', ({ current }) => { component.on('state', ({ current }) => {

4
test/runtime/samples/window-event-context/_config.js
Unescape View File

@ -12,11 +12,11 @@ export default {
const event = new window.Event( 'click' ); const event = new window.Event( 'click' );
window.dispatchEvent( event ); window.dispatchEvent( event );
assert.equal( component.get().foo, false ); assert.equal( component.foo, false );
assert.htmlEqual( target.innerHTML, `false` ); assert.htmlEqual( target.innerHTML, `false` );
window.dispatchEvent( event ); window.dispatchEvent( event );
assert.equal( component.get().foo, true ); assert.equal( component.foo, true );
assert.htmlEqual( target.innerHTML, `true` ); assert.htmlEqual( target.innerHTML, `true` );
component.destroy(); component.destroy();

Write Preview
Loading…
Cancel
Save