mirror of https://github.com/sveltejs/svelte
parent
dc29b2d466
commit
97b70bccc5
@ -0,0 +1,2 @@
|
||||
<input>
|
||||
<p>Hello world!</p>
|
@ -0,0 +1,2 @@
|
||||
<input>
|
||||
<p>Hello world!</p>
|
@ -0,0 +1,29 @@
|
||||
export default {
|
||||
data: {
|
||||
name: 'world'
|
||||
},
|
||||
|
||||
snapshot(target) {
|
||||
return {
|
||||
input: target.querySelector('input'),
|
||||
p: target.querySelector('p')
|
||||
};
|
||||
},
|
||||
|
||||
test(assert, target, snapshot, component, window) {
|
||||
const input = target.querySelector('input');
|
||||
const p = target.querySelector('p');
|
||||
|
||||
assert.equal(input, snapshot.input);
|
||||
assert.equal(p, snapshot.p);
|
||||
|
||||
input.value = 'everybody';
|
||||
input.dispatchEvent(new window.Event('input'));
|
||||
|
||||
assert.equal(component.get('name'), 'everybody');
|
||||
assert.htmlEqual(target.innerHTML, `
|
||||
<input>
|
||||
<p>Hello everybody!</p>
|
||||
`);
|
||||
}
|
||||
};
|
@ -0,0 +1,2 @@
|
||||
<input bind:value='name'>
|
||||
<p>Hello {{name}}!</p>
|
@ -0,0 +1 @@
|
||||
<button>click me</button>
|
@ -0,0 +1 @@
|
||||
<button>click me</button>
|
@ -0,0 +1,26 @@
|
||||
export default {
|
||||
data: {
|
||||
clicked: false
|
||||
},
|
||||
|
||||
snapshot(target) {
|
||||
const button = target.querySelector('button');
|
||||
|
||||
return {
|
||||
button
|
||||
};
|
||||
},
|
||||
|
||||
test(assert, target, snapshot, component, window) {
|
||||
const button = target.querySelector('button');
|
||||
assert.equal(button, snapshot.button);
|
||||
|
||||
button.dispatchEvent(new window.MouseEvent('click'));
|
||||
|
||||
assert.ok(component.get('clicked'));
|
||||
assert.htmlEqual(target.innerHTML, `
|
||||
<button>click me</button>
|
||||
<p>clicked!</p>
|
||||
`);
|
||||
}
|
||||
};
|
@ -0,0 +1,5 @@
|
||||
<button on:click='set({ clicked: true })'>click me</button>
|
||||
|
||||
{{#if clicked}}
|
||||
<p>clicked!</p>
|
||||
{{/if}}
|
@ -0,0 +1,4 @@
|
||||
<div>
|
||||
<p>foo!</p>
|
||||
<p>bar!</p>
|
||||
</div>
|
@ -0,0 +1,4 @@
|
||||
<div>
|
||||
<p>foo!</p>
|
||||
<p>bar!</p>
|
||||
</div>
|
@ -0,0 +1,26 @@
|
||||
export default {
|
||||
data: {
|
||||
foo: true,
|
||||
bar: true
|
||||
},
|
||||
|
||||
snapshot(target) {
|
||||
const div = target.querySelector('div');
|
||||
const ps = target.querySelectorAll('p');
|
||||
|
||||
return {
|
||||
div,
|
||||
p0: ps[0],
|
||||
p1: ps[1]
|
||||
};
|
||||
},
|
||||
|
||||
test(assert, target, snapshot) {
|
||||
const div = target.querySelector('div');
|
||||
const ps = target.querySelectorAll('p');
|
||||
|
||||
assert.equal(div, snapshot.div);
|
||||
assert.equal(ps[0], snapshot.p0);
|
||||
assert.equal(ps[1], snapshot.p1);
|
||||
}
|
||||
};
|
@ -0,0 +1,9 @@
|
||||
<div>
|
||||
{{#if foo}}
|
||||
<p>foo!</p>
|
||||
{{/if}}
|
||||
|
||||
{{#if bar}}
|
||||
<p>bar!</p>
|
||||
{{/if}}
|
||||
</div>
|
@ -0,0 +1,2 @@
|
||||
<p>before</p>
|
||||
<p>after</p>
|
@ -0,0 +1,2 @@
|
||||
<p>before</p>
|
||||
<p>after</p>
|
@ -0,0 +1,19 @@
|
||||
export default {
|
||||
data: {
|
||||
foo: false
|
||||
},
|
||||
|
||||
snapshot(target) {
|
||||
const p = target.querySelector('p');
|
||||
|
||||
return {
|
||||
p
|
||||
};
|
||||
},
|
||||
|
||||
test(assert, target, snapshot) {
|
||||
const p = target.querySelector('p');
|
||||
|
||||
assert.equal(p, snapshot.p);
|
||||
}
|
||||
};
|
@ -0,0 +1,5 @@
|
||||
<p>before</p>
|
||||
{{#if foo}}
|
||||
<p>foo!</p>
|
||||
{{/if}}
|
||||
<p>after</p>
|
@ -0,0 +1 @@
|
||||
<p>foo!</p>
|
@ -0,0 +1 @@
|
||||
<p>foo!</p>
|
@ -0,0 +1,23 @@
|
||||
export default {
|
||||
data: {
|
||||
foo: true,
|
||||
bar: false
|
||||
},
|
||||
|
||||
snapshot(target) {
|
||||
const p = target.querySelector('p');
|
||||
|
||||
return {
|
||||
p
|
||||
};
|
||||
},
|
||||
|
||||
test(assert, target, snapshot, component) {
|
||||
const p = target.querySelector('p');
|
||||
|
||||
assert.equal(p, snapshot.p);
|
||||
|
||||
component.set({ foo: false, bar: true });
|
||||
assert.htmlEqual(target.innerHTML, `<p>bar!</p>`);
|
||||
}
|
||||
};
|
@ -0,0 +1,7 @@
|
||||
{{#if foo}}
|
||||
<p>foo!</p>
|
||||
{{/if}}
|
||||
|
||||
{{#if bar}}
|
||||
<p>bar!</p>
|
||||
{{/if}}
|
Loading…
Reference in new issue