update tests

pull/1864/head
Rich Harris 7 years ago
parent e30f96a535
commit 8f3a6faaad

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

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

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

@ -45,13 +45,13 @@ export default {
inputs[1].checked = true;
inputs[1].dispatchEvent( event );
assert.equal( component.get().numCompleted, 2 );
assert.equal( component.numCompleted, 2 );
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>
<p>2 completed</p>
` );
const items = component.get().items;
const items = component.items;
items[2].completed = true;
component.items = items;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -37,7 +37,7 @@ export default {
textarea.value = 'one source changed';
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, `
<select>
<option value='[object Object]'>One.html</option>
@ -67,7 +67,7 @@ export default {
textarea.value = 'two source changed';
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, `
<select>
<option value='[object Object]'>One.html</option>

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

@ -18,7 +18,7 @@ export default {
inputs[0].value = 'blah';
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, `
<input><input><input>
<p>blah, bar, baz</p>

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

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

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

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

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

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

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

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

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

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

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

@ -5,11 +5,11 @@ export default {
const event = new window.MouseEvent( 'click' );
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>' );
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( component.foo(), 42 );

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Loading…
Cancel
Save