mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
656 B
26 lines
656 B
6 years ago
|
export default {
|
||
|
props: {
|
||
|
todos: [
|
||
|
{ description: 'implement keyed each blocks' },
|
||
|
{ description: 'implement client-side hydration' }
|
||
|
]
|
||
|
},
|
||
|
|
||
|
html: `
|
||
|
<p>1: implement keyed each blocks</p>
|
||
|
<p>2: implement client-side hydration</p>
|
||
|
`,
|
||
|
|
||
|
test({ assert, component, target }) {
|
||
|
const [p1, p2] = target.querySelectorAll('p');
|
||
|
|
||
|
component.todos = [component.todos[1]];
|
||
|
assert.htmlEqual(target.innerHTML, '<p>1: implement client-side hydration</p>');
|
||
|
|
||
|
const [p3] = target.querySelectorAll('p');
|
||
|
|
||
|
assert.ok(!target.contains(p1), 'first <p> element should be removed');
|
||
|
assert.equal(p2, p3, 'second <p> element should be retained');
|
||
|
}
|
||
|
};
|