mirror of https://github.com/sveltejs/svelte
Nguyen Tran
1 year ago
committed by
GitHub
parent
e45a1e05a3
commit
17bf6db541
@ -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