mirror of https://github.com/sveltejs/svelte
parent
8e9bbf90a1
commit
53aed12048
@ -1,24 +0,0 @@
|
||||
export default {
|
||||
props: {
|
||||
props: {
|
||||
foo: 'lol',
|
||||
baz: 40 + 2,
|
||||
}
|
||||
},
|
||||
|
||||
html: `
|
||||
<div><p>foo: lol</p>
|
||||
<p>baz: 42</p>
|
||||
<p>qux: named</p>
|
||||
`,
|
||||
|
||||
test({ assert, component, target }) {
|
||||
component.props = true;
|
||||
|
||||
assert.htmlEqual(target.innerHTML, `
|
||||
<div><p>foo: undefined</p>
|
||||
<p>baz: undefined</p>
|
||||
<p>qux: named</p>
|
||||
`);
|
||||
}
|
||||
};
|
@ -1,6 +1,11 @@
|
||||
<script>
|
||||
export let foo;
|
||||
export let baz;
|
||||
export let qux;
|
||||
export let corge;
|
||||
</script>
|
||||
|
||||
{foo} {baz}
|
||||
<p>foo: {foo}</p>
|
||||
<p>baz: {baz}</p>
|
||||
<p>qux: {qux}</p>
|
||||
<p>corge: {corge}</p>
|
||||
|
@ -1,10 +1,53 @@
|
||||
export default {
|
||||
html: `b baz`,
|
||||
test({ assert, component, target }) {
|
||||
component.bar = undefined;
|
||||
assert.htmlEqual(
|
||||
target.innerHTML,
|
||||
`b undefined`
|
||||
);
|
||||
props: {
|
||||
props: {
|
||||
foo: 'lol',
|
||||
baz: 40 + 2,
|
||||
}
|
||||
},
|
||||
|
||||
html: `
|
||||
<div><p>foo: lol</p>
|
||||
<p>baz: 42</p>
|
||||
<p>qux: named</p>
|
||||
<p>corge: b</p>
|
||||
`,
|
||||
|
||||
test({ assert, component, target }) {
|
||||
const html = `
|
||||
<div><p>foo: undefined</p>
|
||||
<p>baz: undefined</p>
|
||||
<p>qux: named</p>
|
||||
<p>corge: b</p>
|
||||
`;
|
||||
|
||||
// test undefined
|
||||
component.props = undefined;
|
||||
assert.htmlEqual(target.innerHTML, html);
|
||||
|
||||
// set object props
|
||||
component.props = this.props.props;
|
||||
assert.htmlEqual(target.innerHTML, this.html);
|
||||
|
||||
// test null
|
||||
component.props = null;
|
||||
assert.htmlEqual(target.innerHTML, html);
|
||||
|
||||
// set object props
|
||||
component.props = this.props.props;
|
||||
assert.htmlEqual(target.innerHTML, this.html);
|
||||
|
||||
// test boolean
|
||||
component.props = true;
|
||||
assert.htmlEqual(target.innerHTML, html);
|
||||
|
||||
// set object props
|
||||
component.props = this.props.props;
|
||||
assert.htmlEqual(target.innerHTML, this.html);
|
||||
|
||||
// test number
|
||||
component.props = 123;
|
||||
assert.htmlEqual(target.innerHTML, html);
|
||||
|
||||
}
|
||||
};
|
||||
|
@ -1,10 +1,13 @@
|
||||
<script>
|
||||
export let foo = false;
|
||||
import Widget from './Widget.svelte';
|
||||
|
||||
export let props;
|
||||
|
||||
export let corge = false;
|
||||
export let a = 'a';
|
||||
export let b = 'b';
|
||||
export let bar = { baz: 'baz' };
|
||||
|
||||
import Widget from './Widget.svelte';
|
||||
</script>
|
||||
|
||||
<Widget foo={foo ? a : b} {...bar}/>
|
||||
<div>
|
||||
<Widget corge={corge ? a : b} {...props} qux="named"/>
|
||||
</div>
|
||||
|
@ -1,9 +0,0 @@
|
||||
<script>
|
||||
export let foo;
|
||||
export let baz;
|
||||
export let qux;
|
||||
</script>
|
||||
|
||||
<p>foo: {foo}</p>
|
||||
<p>baz: {baz}</p>
|
||||
<p>qux: {qux}</p>
|
@ -1,24 +0,0 @@
|
||||
export default {
|
||||
props: {
|
||||
props: {
|
||||
foo: 'lol',
|
||||
baz: 40 + 2,
|
||||
}
|
||||
},
|
||||
|
||||
html: `
|
||||
<div><p>foo: lol</p>
|
||||
<p>baz: 42</p>
|
||||
<p>qux: named</p>
|
||||
`,
|
||||
|
||||
test({ assert, component, target }) {
|
||||
component.props = null;
|
||||
|
||||
assert.htmlEqual(target.innerHTML, `
|
||||
<div><p>foo: undefined</p>
|
||||
<p>baz: undefined</p>
|
||||
<p>qux: named</p>
|
||||
`);
|
||||
}
|
||||
};
|
@ -1,9 +0,0 @@
|
||||
<script>
|
||||
import Widget from './Widget.svelte';
|
||||
|
||||
export let props;
|
||||
</script>
|
||||
|
||||
<div>
|
||||
<Widget {...props} qux="named"/>
|
||||
</div>
|
@ -1,24 +0,0 @@
|
||||
export default {
|
||||
props: {
|
||||
props: {
|
||||
foo: 'lol',
|
||||
baz: 40 + 2,
|
||||
}
|
||||
},
|
||||
|
||||
html: `
|
||||
<div><p>foo: lol</p>
|
||||
<p>baz: 42</p>
|
||||
<p>qux: named</p>
|
||||
`,
|
||||
|
||||
test({ assert, component, target }) {
|
||||
component.props = 1337;
|
||||
|
||||
assert.htmlEqual(target.innerHTML, `
|
||||
<div><p>foo: undefined</p>
|
||||
<p>baz: undefined</p>
|
||||
<p>qux: named</p>
|
||||
`);
|
||||
}
|
||||
};
|
@ -1,9 +0,0 @@
|
||||
<script>
|
||||
import Widget from './Widget.svelte';
|
||||
|
||||
export let props;
|
||||
</script>
|
||||
|
||||
<div>
|
||||
<Widget {...props} qux="named"/>
|
||||
</div>
|
@ -1,9 +0,0 @@
|
||||
<script>
|
||||
export let foo;
|
||||
export let baz;
|
||||
export let qux;
|
||||
</script>
|
||||
|
||||
<p>foo: {foo}</p>
|
||||
<p>baz: {baz}</p>
|
||||
<p>qux: {qux}</p>
|
@ -1,24 +0,0 @@
|
||||
export default {
|
||||
props: {
|
||||
props: {
|
||||
foo: 'lol',
|
||||
baz: 40 + 2,
|
||||
}
|
||||
},
|
||||
|
||||
html: `
|
||||
<div><p>foo: lol</p>
|
||||
<p>baz: 42</p>
|
||||
<p>qux: named</p>
|
||||
`,
|
||||
|
||||
test({ assert, component, target }) {
|
||||
component.props = undefined;
|
||||
|
||||
assert.htmlEqual(target.innerHTML, `
|
||||
<div><p>foo: undefined</p>
|
||||
<p>baz: undefined</p>
|
||||
<p>qux: named</p>
|
||||
`);
|
||||
}
|
||||
};
|
@ -1,9 +0,0 @@
|
||||
<script>
|
||||
import Widget from './Widget.svelte';
|
||||
|
||||
export let props;
|
||||
</script>
|
||||
|
||||
<div>
|
||||
<Widget {...props} qux="named"/>
|
||||
</div>
|
@ -0,0 +1,51 @@
|
||||
export default {
|
||||
props: {
|
||||
props: {
|
||||
foo: 'lol',
|
||||
baz: 40 + 2,
|
||||
}
|
||||
},
|
||||
|
||||
html: `
|
||||
<div><p>foo: lol</p>
|
||||
<p>baz: 42</p>
|
||||
<p>qux: named</p>
|
||||
`,
|
||||
|
||||
test({ assert, component, target }) {
|
||||
const html = `
|
||||
<div><p>foo: undefined</p>
|
||||
<p>baz: undefined</p>
|
||||
<p>qux: named</p>
|
||||
`;
|
||||
|
||||
// test undefined
|
||||
component.props = undefined;
|
||||
assert.htmlEqual(target.innerHTML, html);
|
||||
|
||||
// set object props
|
||||
component.props = this.props.props;
|
||||
assert.htmlEqual(target.innerHTML, this.html);
|
||||
|
||||
// test null
|
||||
component.props = null;
|
||||
assert.htmlEqual(target.innerHTML, html);
|
||||
|
||||
// set object props
|
||||
component.props = this.props.props;
|
||||
assert.htmlEqual(target.innerHTML, this.html);
|
||||
|
||||
// test boolean
|
||||
component.props = true;
|
||||
assert.htmlEqual(target.innerHTML, html);
|
||||
|
||||
// set object props
|
||||
component.props = this.props.props;
|
||||
assert.htmlEqual(target.innerHTML, this.html);
|
||||
|
||||
// test number
|
||||
component.props = 123;
|
||||
assert.htmlEqual(target.innerHTML, html);
|
||||
|
||||
}
|
||||
};
|
@ -1,9 +1,9 @@
|
||||
<script>
|
||||
export let i;
|
||||
export let foo;
|
||||
export let baz;
|
||||
export let qux;
|
||||
</script>
|
||||
|
||||
<p>i: {i}</p>
|
||||
<p>foo: {foo}</p>
|
||||
<p>baz: {baz}</p>
|
||||
<p>qux: {qux}</p>
|
@ -0,0 +1,19 @@
|
||||
export default {
|
||||
props: {},
|
||||
|
||||
html: `
|
||||
<div><p>i: 1</p>
|
||||
<p>foo: foo</p>
|
||||
<p>qux: named</p>
|
||||
`,
|
||||
|
||||
test({ assert, component, target }) {
|
||||
component.foo = 'lol';
|
||||
|
||||
assert.htmlEqual(target.innerHTML, `
|
||||
<div><p>i: 2</p>
|
||||
<p>foo: lol</p>
|
||||
<p>qux: named</p>
|
||||
`);
|
||||
}
|
||||
};
|
@ -0,0 +1,16 @@
|
||||
<script>
|
||||
import Widget from './Widget.svelte';
|
||||
|
||||
export let foo = 'foo';
|
||||
|
||||
let i = 0
|
||||
|
||||
const getProps = (foo) => {
|
||||
i += 1;
|
||||
return { foo, i };
|
||||
}
|
||||
</script>
|
||||
|
||||
<div>
|
||||
<Widget {...getProps(foo)} qux="named"/>
|
||||
</div>
|
Loading…
Reference in new issue