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.
svelte/test/runtime/samples/spread-component-2/_config.js

77 lines
1.2 KiB

export default {
props: {
list: [{
foo: 'lol',
baz: 40 + 2,
qux: 5,
quux: 'core'
}, {
foo: 'lolzz',
baz: 50 + 2,
qux: 1,
quux: 'quuxx'
}]
},
html: `
<div>
<p>foo: lol</p>
<p>baz: 42 (number)</p>
<p>qux: 0</p>
<p>quux: core</p>
<p>selected: true</p>
<p>foo: lolzz</p>
<p>baz: 52 (number)</p>
<p>qux: 0</p>
<p>quux: quuxx</p>
<p>selected: false</p>
</div>
`,
test({ assert, component, target }) {
component.list = [{
foo: 'lol',
baz: 40 + 3,
qux: 8,
quux: 'heart'
}, {
foo: 'lolzz',
baz: 50 + 3,
qux: 8,
quux: 'heartxx'
}];
assert.htmlEqual(target.innerHTML, `
<div>
<p>foo: lol</p>
<p>baz: 43 (number)</p>
<p>qux: 0</p>
<p>quux: heart</p>
<p>selected: true</p>
<p>foo: lolzz</p>
<p>baz: 53 (number)</p>
<p>qux: 0</p>
<p>quux: heartxx</p>
<p>selected: false</p>
</div>
`);
component.qux = 1;
assert.htmlEqual(target.innerHTML, `
<div>
<p>foo: lol</p>
<p>baz: 43 (number)</p>
<p>qux: 1</p>
<p>quux: heart</p>
<p>selected: false</p>
<p>foo: lolzz</p>
<p>baz: 53 (number)</p>
<p>qux: 1</p>
<p>quux: heartxx</p>
<p>selected: true</p>
</div>
`);
}
};