mirror of https://github.com/sveltejs/svelte
parent
4861cc4d56
commit
43aba2b958
@ -0,0 +1,12 @@
|
|||||||
|
export default {
|
||||||
|
html: `
|
||||||
|
<h1>1</h1>
|
||||||
|
<h1>2</h1>
|
||||||
|
<h1>3</h1>
|
||||||
|
<h1>5</h1>
|
||||||
|
<h1>10</h1>
|
||||||
|
<h1>20</h1>
|
||||||
|
<h1>30</h1>
|
||||||
|
<h1>6</h1>
|
||||||
|
`
|
||||||
|
};
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
<script>
|
||||||
|
let [first, second, ...[third, ...[, fifth]]] = [1, 2, 3, 4, 5];
|
||||||
|
let [one, two, ...[three, ...{ length }]] = [10, 20, 30, 40, 50, 60, 70, 80, 90];
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<h1>{first}</h1>
|
||||||
|
<h1>{second}</h1>
|
||||||
|
<h1>{third}</h1>
|
||||||
|
<h1>{fifth}</h1>
|
||||||
|
|
||||||
|
<h1>{one}</h1>
|
||||||
|
<h1>{two}</h1>
|
||||||
|
<h1>{three}</h1>
|
||||||
|
<h1>{length}</h1>
|
||||||
|
|
||||||
@ -0,0 +1,25 @@
|
|||||||
|
<script>
|
||||||
|
import { writable } from 'svelte/store';
|
||||||
|
|
||||||
|
const THING = { a: 1, b: { c: 2, d: [3, 4, writable(5), 6, 7] }, e: [6], h: 8 };
|
||||||
|
const default_g = 9;
|
||||||
|
|
||||||
|
export let { a, b: { c, d: [d_one, ...[, ...[d_three, ...{ length }]]], f }, e: [e_one], g = default_g } = THING;
|
||||||
|
export const { a: A, b: { c: C } } = THING;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
a: {a},
|
||||||
|
b: {typeof b},
|
||||||
|
c: {c},
|
||||||
|
d_one: {d_one},
|
||||||
|
d_three: {$d_three},
|
||||||
|
length: {length},
|
||||||
|
f: {f},
|
||||||
|
g: {g},
|
||||||
|
e: {typeof e},
|
||||||
|
e_one: {e_one},
|
||||||
|
A: {A},
|
||||||
|
C: {C}
|
||||||
|
</div>
|
||||||
|
<div>{JSON.stringify(THING)}</div>
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
export default {
|
||||||
|
html: `
|
||||||
|
<div>a: 1, b: undefined, c: 2, d_one: 3, d_three: 5, length: 2, f: undefined, g: 9, e: undefined, e_one: 6, A: 1, C: 2</div>
|
||||||
|
<div>{"a":1,"b":{"c":2,"d":[3,4,{},6,7]},"e":[6],"h":8}</div>
|
||||||
|
<br>
|
||||||
|
<div>a: a, b: undefined, c: 2, d_one: d_one, d_three: 5, length: 7, f: f, g: g, e: undefined, e_one: 6, A: 1, C: 2</div>
|
||||||
|
<div>{"a":1,"b":{"c":2,"d":[3,4,{},6,7]},"e":[6],"h":8}</div>
|
||||||
|
`
|
||||||
|
};
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
<script>
|
||||||
|
import A from './A.svelte';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<A />
|
||||||
|
<br />
|
||||||
|
<A a="a" d_one="d_one" list_one="list_one" f="f" list_two_b="list_two_b" g="g" A="A" C="C" length={7} />
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
<script>
|
||||||
|
import { writable } from "svelte/store";
|
||||||
|
|
||||||
|
let default_b = 5;
|
||||||
|
const LIST = [1, 2, 3, { a: 4 }, [5, writable(6), writable(7), 8]];
|
||||||
|
export const [
|
||||||
|
x,
|
||||||
|
,
|
||||||
|
...[, { a: list_two_a, b: list_two_b = default_b }, [, ...{ length: y }]]
|
||||||
|
] = LIST;
|
||||||
|
export let [
|
||||||
|
l,
|
||||||
|
m,
|
||||||
|
,
|
||||||
|
...[{ a: n, b: o = default_b }, [p, q, ...[r, ...{ length: s }]]]
|
||||||
|
] = LIST;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
x: {x}, list_two_a: {list_two_a}, list_two_b: {list_two_b}, y: {y}, l: {l}, m: {m},
|
||||||
|
n: {n}, o: {o}, p: {p}, q: {$q}, r: {$r}, s: {s}
|
||||||
|
</div>
|
||||||
|
<div>{JSON.stringify(LIST)}</div>
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
export default {
|
||||||
|
html: `
|
||||||
|
<div>x: 1, list_two_a: 4, list_two_b: 5, y: 3, l: 1, m: 2, n: 4, o: 5, p: 5, q: 6, r: 7, s: 1</div>
|
||||||
|
<div>[1,2,3,{"a":4},[5,{},{},8]]</div>
|
||||||
|
<br><div>x: 1, list_two_a: 4, list_two_b: 5, y: 3, l: l, m: m, n: n, o: o, p: p, q: q, r: r, s: s</div>
|
||||||
|
<div>[1,2,3,{"a":4},[5,{},{},8]]</div>
|
||||||
|
`,
|
||||||
|
|
||||||
|
async test({ component, assert, target }) {
|
||||||
|
await component.update();
|
||||||
|
|
||||||
|
assert.htmlEqual(target.innerHTML, `
|
||||||
|
<div>x: 1, list_two_a: 4, list_two_b: 5, y: 3, l: 1, m: 2, n: 4, o: 5, p: 5, q: 6, r: 7, s: 1</div>
|
||||||
|
<div>[1,2,3,{"a":4},[5,{},{},8]]</div>
|
||||||
|
<br><div>x: 1, list_two_a: 4, list_two_b: 5, y: 3, l: LL, m: MM, n: NN, o: OO, p: PP, q: QQ, r: RR, s: SS</div>
|
||||||
|
<div>[1,2,3,{"a":4},[5,{},{},8]]</div>
|
||||||
|
`);
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<script>
|
||||||
|
import A from "./A.svelte";
|
||||||
|
import { writable } from "svelte/store";
|
||||||
|
|
||||||
|
let x = "x",
|
||||||
|
list_two_a = "list_two_a",
|
||||||
|
list_two_b = "list_two_b",
|
||||||
|
y = writable("y"),
|
||||||
|
l = "l",
|
||||||
|
m = "m",
|
||||||
|
n = "n",
|
||||||
|
o = "o",
|
||||||
|
p = "p",
|
||||||
|
q = writable("q"),
|
||||||
|
r = writable("r"),
|
||||||
|
s = "s";
|
||||||
|
|
||||||
|
export function update() {
|
||||||
|
x = "XX";
|
||||||
|
list_two_a = "LIST_TWO_A";
|
||||||
|
list_two_b = "LIST_TWO_B";
|
||||||
|
y = writable("YY");
|
||||||
|
l = "LL";
|
||||||
|
m = "MM";
|
||||||
|
n = "NN";
|
||||||
|
o = "OO";
|
||||||
|
p = "PP";
|
||||||
|
q = writable("QQ");
|
||||||
|
r = writable("RR");
|
||||||
|
s = "SS";
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<A />
|
||||||
|
<br />
|
||||||
|
<A {x} {list_two_a} {list_two_b} {y} {l} {m} {n} {o} {p} {q} {r} {s} />
|
||||||
Loading…
Reference in new issue