update runtime and ssr tests

pull/2230/head
Richard Harris 6 years ago
parent ca0e5df0d8
commit cc942e963c

@ -1 +1,5 @@
<script>
export let indeterminate;
</script>
<input type='checkbox' indeterminate='{indeterminate}'> <input type='checkbox' indeterminate='{indeterminate}'>

@ -1,3 +1,7 @@
<script>
export let items;
</script>
{#each items as item, i} {#each items as item, i}
<div class='{item.foo ? "foo" : ""} {item.bar ? "bar" : ""}'>{i + 1}</div> <div class='{item.foo ? "foo" : ""} {item.bar ? "bar" : ""}'>{i + 1}</div>
{/each} {/each}

@ -1 +1,6 @@
<script>
export let inputType;
export let inputValue;
</script>
<input type='{inputType}' value='{inputValue}'> <input type='{inputType}' value='{inputValue}'>

@ -1,3 +1,7 @@
<script>
export let foo;
</script>
<svg> <svg>
<use xlink:href="#{foo}"/> <use xlink:href="#{foo}"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 40 B

After

Width:  |  Height:  |  Size: 77 B

@ -1 +1,5 @@
<script>
export let value;
</script>
<p data-value="{value}"></p> <p data-value="{value}"></p>

@ -1,2 +1,6 @@
<script>
export let foo;
</script>
<input type='radio' bind:group={foo} value='{false}'> <input type='radio' bind:group={foo} value='{false}'>
<input type='radio' bind:group={foo} value='{true}'> <input type='radio' bind:group={foo} value='{true}'>

@ -1,3 +1,8 @@
<script>
export let thePromise;
export let show;
</script>
<div> <div>
{#await thePromise} {#await thePromise}
<p>loading...</p> <p>loading...</p>

@ -1,3 +1,7 @@
<script>
export let items;
</script>
{#each items as item} {#each items as item}
{#await item.data} {#await item.data}
<p>{item.title}: loading...</p> <p>{item.title}: loading...</p>

@ -1,3 +1,8 @@
<script>
export let promise;
export let answer;
</script>
{#if promise} {#if promise}
{#await promise} {#await promise}
<p>wait for it...</p> <p>wait for it...</p>

@ -1,3 +1,7 @@
<script>
export let thePromise;
</script>
<div> <div>
{#await thePromise} {#await thePromise}
<p>loading...</p> <p>loading...</p>

@ -1,3 +1,8 @@
<script>
export let show;
export let thePromise;
</script>
{#if show} {#if show}
{#await thePromise} {#await thePromise}
<p>loading...</p> <p>loading...</p>

@ -1,3 +1,7 @@
<script>
export let thePromise;
</script>
{#await thePromise} {#await thePromise}
<p>loading...</p> <p>loading...</p>
{:then theValue} {:then theValue}

@ -1,3 +1,7 @@
<script>
export let thePromise;
</script>
{#await thePromise} {#await thePromise}
waiting waiting
{:then} {:then}

@ -1,3 +1,7 @@
<script>
export let thePromise;
</script>
{#await thePromise} {#await thePromise}
<p>loading...</p> <p>loading...</p>
{:then theValue} {:then theValue}

@ -1,3 +1,7 @@
<script>
export let thePromise;
</script>
{#await thePromise} {#await thePromise}
<p>loading...</p> <p>loading...</p>
{:then theValue} {:then theValue}

@ -1,3 +1,7 @@
<script>
export let promise;
</script>
{#await promise} {#await promise}
<p>loading...</p> <p>loading...</p>
{:then value} {:then value}

@ -1,3 +1,7 @@
<script>
export let thePromise;
</script>
{#await thePromise} {#await thePromise}
<p>loading...</p> <p>loading...</p>
{:then theValue} {:then theValue}

@ -1,3 +1,7 @@
<script>
export let thePromise;
</script>
{#await thePromise then theValue} {#await thePromise then theValue}
<p>the value is {theValue}</p> <p>the value is {theValue}</p>
{:catch theError} {:catch theError}

@ -1,2 +1,9 @@
<script>
export let t;
export let d;
export let paused;
export let v;
</script>
<audio bind:currentTime={t} bind:duration={d} bind:paused bind:volume={v} <audio bind:currentTime={t} bind:duration={d} bind:paused bind:volume={v}
src='music.mp3'></audio> src='music.mp3'></audio>

@ -1,3 +1,8 @@
<script>
export let selected;
export let tasks;
</script>
<select bind:value={selected}> <select bind:value={selected}>
{#each tasks as task} {#each tasks as task}
<option value='{task}'>{task.description}</option> <option value='{task}'>{task.description}</option>

@ -1,3 +1,8 @@
<script>
export let selected;
export let values;
</script>
<label> <label>
<input type="checkbox" value="{values[0]}" bind:group={selected} /> {values[0].name} <input type="checkbox" value="{values[0]}" bind:group={selected} /> {values[0].name}
</label> </label>

@ -1,3 +1,8 @@
<script>
export let selected;
export let values;
</script>
{#each values as value} {#each values as value}
<label> <label>
<input type="checkbox" value="{value}" bind:group={selected} /> {value.name} <input type="checkbox" value="{value}" bind:group={selected} /> {value.name}

@ -1,3 +1,8 @@
<script>
export let checked;
export let indeterminate;
</script>
<input type='checkbox' bind:checked bind:indeterminate> <input type='checkbox' bind:checked bind:indeterminate>
<p>checked? {checked}</p> <p>checked? {checked}</p>
<p>indeterminate? {indeterminate}</p> <p>indeterminate? {indeterminate}</p>

@ -1,2 +1,6 @@
<script>
export let foo;
</script>
<input type='checkbox' bind:checked={foo}> <input type='checkbox' bind:checked={foo}>
<p>{foo}</p> <p>{foo}</p>

@ -1,2 +1,6 @@
<script>
export let count;
</script>
<input type='number' bind:value={count}> <input type='number' bind:value={count}>
<p>{typeof count} {count}</p> <p>{typeof count} {count}</p>

@ -1,3 +1,8 @@
<script>
export let selected;
export let values;
</script>
{#each values as value} {#each values as value}
<label> <label>
<input type="radio" value="{value}" bind:group={selected} /> {value.name} <input type="radio" value="{value}" bind:group={selected} /> {value.name}

@ -1,2 +1,6 @@
<script>
export let count;
</script>
<input type='range' bind:value={count}> <input type='range' bind:value={count}>
<p>{typeof count} {count}</p> <p>{typeof count} {count}</p>

@ -1,2 +1,6 @@
<script>
export let count;
</script>
<input type='range' bind:value={count}> <input type='range' bind:value={count}>
<p>{typeof count} {count}</p> <p>{typeof count} {count}</p>

@ -1,3 +1,8 @@
<script>
export let foo;
export let items;
</script>
<div><input bind:value={foo}><p>{foo}</p></div> <div><input bind:value={foo}><p>{foo}</p></div>
{#each items as bar} {#each items as bar}

@ -1,3 +1,7 @@
<script>
export let items;
</script>
{#each items as item} {#each items as item}
<div><input bind:value={item}><p>{item}</p></div> <div><input bind:value={item}><p>{item}</p></div>
{/each} {/each}

@ -1,2 +1,6 @@
<script>
export let component;
</script>
<h1>Hello {component.name}!</h1> <h1>Hello {component.name}!</h1>
<input bind:value={component.name}/> <input bind:value={component.name}/>

@ -1,2 +1,7 @@
<script>
export let obj;
export let prop;
</script>
<input bind:value={obj[prop]}> <input bind:value={obj[prop]}>
<pre>{JSON.stringify(obj)}</pre> <pre>{JSON.stringify(obj)}</pre>

@ -1,2 +1,7 @@
<script>
export let user;
export let prop;
</script>
<input bind:value={user[prop]}> <input bind:value={user[prop]}>
<p>hello {user.name}</p> <p>hello {user.name}</p>

@ -1,3 +1,8 @@
<script>
export let objects;
export let prop;
</script>
{#each objects as obj} {#each objects as obj}
<input bind:value={obj[prop]}> <input bind:value={obj[prop]}>
<pre>{JSON.stringify(obj)}</pre> <pre>{JSON.stringify(obj)}</pre>

@ -1,3 +1,7 @@
<script>
export let items;
</script>
{#each items as item} {#each items as item}
<div><input bind:value={item.description}><p>{item.description}</p></div> <div><input bind:value={item.description}><p>{item.description}</p></div>
{/each} {/each}

@ -1,2 +1,6 @@
<script>
export let user;
</script>
<input bind:value={user.name}> <input bind:value={user.name}>
<p>hello {user.name}</p> <p>hello {user.name}</p>

@ -1,2 +1,6 @@
<script>
export let name;
</script>
<input bind:value={name}> <input bind:value={name}>
<p>hello {name}</p> <p>hello {name}</p>

@ -1 +1,6 @@
<script>
export let a;
export let b;
</script>
<input bind:value={a} on:input='{() => b = 0}'> <input bind:value={a} on:input='{() => b = 0}'>

@ -1,3 +1,8 @@
<script>
export let foo;
export let values;
</script>
<select bind:value={foo}> <select bind:value={foo}>
{#each values as v} {#each values as v}
<option>{v}</option> <option>{v}</option>

@ -1,3 +1,7 @@
<script>
export let selected;
</script>
<p>selected: {selected}</p> <p>selected: {selected}</p>
<select bind:value={selected}> <select bind:value={selected}>

@ -1,3 +1,7 @@
<script>
export let selected;
</script>
<p>selected: {selected}</p> <p>selected: {selected}</p>
<select bind:value={selected}> <select bind:value={selected}>

@ -1,3 +1,8 @@
<script>
export let selected;
export let items;
</script>
<select bind:value={selected}> <select bind:value={selected}>
{#each items as item} {#each items as item}
<option>{item}</option> <option>{item}</option>

@ -1,3 +1,7 @@
<script>
export let selected;
</script>
<select multiple bind:value={selected}> <select multiple bind:value={selected}>
<option>one</option> <option>one</option>
<option>two</option> <option>two</option>

@ -1,3 +1,7 @@
<script>
export let name;
</script>
<h1>Hello {name}!</h1> <h1>Hello {name}!</h1>
<select bind:value={name}> <select bind:value={name}>

@ -1,3 +1,7 @@
<script>
export let selected;
</script>
<p>selected: {selected}</p> <p>selected: {selected}</p>
<select bind:value={selected}> <select bind:value={selected}>

@ -1,2 +1,6 @@
<script>
export let value;
</script>
<textarea bind:value></textarea> <textarea bind:value></textarea>
<p>{value}</p> <p>{value}</p>

@ -1,3 +1,8 @@
<script>
export let things;
export let selected;
</script>
{#each things as thing} {#each things as thing}
<div class:selected="{selected === thing}"></div> <div class:selected="{selected === thing}"></div>
{/each} {/each}

@ -1 +1,8 @@
<script>
export let myClass;
export let foo;
export let bar;
export let unused;
</script>
<div class={myClass} class:foo class:bar class:unused></div> <div class={myClass} class:foo class:bar class:unused></div>

@ -1 +1,7 @@
<script>
export let foo;
export let bar;
export let unused;
</script>
<div class:foo class:bar class:unused></div> <div class:foo class:bar class:unused></div>

@ -1 +1,5 @@
<script>
export let myClass;
</script>
<div class={myClass} class:three={true}></div> <div class={myClass} class:three={true}></div>

@ -1,3 +1,8 @@
<script>
export let value;
export let field;
</script>
<label> <label>
{field} <input bind:value> {field} <input bind:value>
</label> </label>

@ -1,3 +1,8 @@
<script>
export let selectedComponent;
export let components;
</script>
<select bind:value={selectedComponent}> <select bind:value={selectedComponent}>
{#each components as component} {#each components as component}
<option value='{component}'>{component.name}.svelte</option> <option value='{component}'>{component.name}.svelte</option>

@ -1 +1,5 @@
<script>
export let code;
</script>
<textarea bind:value={code}></textarea> <textarea bind:value={code}></textarea>

@ -1 +1,5 @@
<script>
export let value;
</script>
<input bind:value> <input bind:value>

@ -1 +1,5 @@
<script>
export let value;
</script>
<input bind:value> <input bind:value>

@ -1 +1,5 @@
<script>
export let value;
</script>
<span>{value.id}</span> <span>{value.id}</span>

@ -1 +1,5 @@
<script>
export let value;
</script>
<input bind:value> <input bind:value>

@ -1,2 +1,6 @@
<script>
export let x;
</script>
<button class='baz' on:click='{() => x = "r"}'>baz</button> <button class='baz' on:click='{() => x = "r"}'>baz</button>
<p>baz x: {x}</p> <p>baz x: {x}</p>

@ -1 +1,5 @@
<script>
export let show;
</script>
<button on:click="{() => show = false}">Hide</button> <button on:click="{() => show = false}">Hide</button>

@ -1 +1,5 @@
<script>
export let p;
</script>
<p>{p}</p> <p>{p}</p>

@ -1 +1,5 @@
<script>
export let foo;
</script>
<p>foo: {foo}</p> <p>foo: {foo}</p>

@ -1,3 +1,10 @@
<script>
export let foo;
export let baz;
export let qux;
export let quux;
</script>
<p>foo: {foo}</p> <p>foo: {foo}</p>
<p>baz: {baz} ({typeof baz})</p> <p>baz: {baz} ({typeof baz})</p>
<p>qux: {qux}</p> <p>qux: {qux}</p>

@ -1 +1,5 @@
<script>
export let foo;
</script>
<p>foo: '{foo}'</p> <p>foo: '{foo}'</p>

@ -1 +1,5 @@
<script>
export let href;
</script>
<a href={href}>link</a> <a href={href}>link</a>

@ -1 +1,5 @@
<script>
export let x;
</script>
<p>x: {x} ({typeof x})</p> <p>x: {x} ({typeof x})</p>

@ -1,2 +1,7 @@
<script>
export let foo;
export let baz;
</script>
<p>foo: {foo}</p> <p>foo: {foo}</p>
<p>baz: {baz} ({typeof baz})</p> <p>baz: {baz} ({typeof baz})</p>

@ -1 +1,5 @@
<script>
export let nested;
</script>
<span>{nested}</span> <span>{nested}</span>

@ -1,3 +1,7 @@
<script>
export let condition;
</script>
<div class="level2"> <div class="level2">

@ -1,3 +1,7 @@
<script>
export let things;
</script>
<div> <div>
{#each things as thing} {#each things as thing}
<slot {thing}/> <slot {thing}/>

@ -1,3 +1,7 @@
<script>
export let things;
</script>
<div> <div>
{#each things as thing} {#each things as thing}
<slot {thing}/> <slot {thing}/>

@ -1,3 +1,7 @@
<script>
export let things;
</script>
<div> <div>
{#each things as thing} {#each things as thing}
<slot name="foo" {thing}/> <slot name="foo" {thing}/>

@ -1,3 +1,7 @@
<script>
export let things;
</script>
<div> <div>
{#each things as thing} {#each things as thing}
<slot {thing}/> <slot {thing}/>

@ -1 +1,5 @@
<script>
export let address;
</script>
<a href='mailto:{address}'>email</a> <a href='mailto:{address}'>email</a>

@ -1,3 +1,7 @@
<script>
export let foo;
</script>
{#if foo} {#if foo}
<slot></slot> <slot></slot>
{/if} {/if}

@ -1,3 +1,7 @@
<script>
export let components;
</script>
<ul> <ul>
{#each components as component} {#each components as component}
<li>{component}</li> <li>{component}</li>

@ -1 +1,5 @@
<script>
export let value;
</script>
<input bind:value> <input bind:value>

@ -1 +1,6 @@
<script>
export let x;
export let y;
</script>
<div>{x} {y}</div> <div>{x} {y}</div>

@ -1,3 +1,7 @@
<script>
export let letters;
</script>
{#each letters as letter (letter.id)} {#each letters as letter (letter.id)}
<div>{letter.char}</div> <div>{letter.char}</div>
{/each} {/each}

@ -1,3 +1,8 @@
<script>
export let foo;
export let bar;
</script>
<p> <p>
{Math.max(0, foo)} {Math.max(0, foo)}
{bar} {bar}

@ -1 +1,5 @@
<script>
export let width;
</script>
<svelte:window bind:innerWidth={width}/> <svelte:window bind:innerWidth={width}/>

@ -1 +1,5 @@
<script>
export let foo;
</script>
<p>green {foo}</p> <p>green {foo}</p>

@ -1 +1,5 @@
<script>
export let foo;
</script>
<p>red {foo}</p> <p>red {foo}</p>

@ -1,2 +1,6 @@
<script>
export let z;
</script>
<p>bar</p> <p>bar</p>
<input type='checkbox' bind:checked={z}> <input type='checkbox' bind:checked={z}>

@ -1,2 +1,6 @@
<script>
export let y;
</script>
<p>foo</p> <p>foo</p>
<input bind:value={y}> <input bind:value={y}>

@ -1,3 +1,7 @@
<script>
export let x;
</script>
{#if x} {#if x}
<svelte:component this={null}/> <svelte:component this={null}/>
{/if} {/if}

@ -1 +1,5 @@
<script>
export let x;
</script>
<p>{x}, therefore Bar</p> <p>{x}, therefore Bar</p>

@ -1 +1,5 @@
<script>
export let x;
</script>
<p>{x}, therefore Foo</p> <p>{x}, therefore Foo</p>

@ -1 +1,5 @@
<script>
export let x;
</script>
<p>Bar {x}</p> <p>Bar {x}</p>

@ -1 +1,5 @@
<script>
export let x;
</script>
<p>Foo {x}</p> <p>Foo {x}</p>

@ -1 +1,5 @@
<script>
export let x;
</script>
<p>{x}, therefore Bar</p> <p>{x}, therefore Bar</p>

@ -1 +1,5 @@
<script>
export let x;
</script>
<p>{x}, therefore Foo</p> <p>{x}, therefore Foo</p>

@ -1,3 +1,8 @@
<script>
export let show;
export let fields;
</script>
{#if show} {#if show}
{#each fields as field} {#each fields as field}
<span>{field}</span> <span>{field}</span>

@ -1,3 +1,7 @@
<script>
export let foo;
</script>
{#each foo.bar as bar} {#each foo.bar as bar}
<input bind:value={bar}> <input bind:value={bar}>
{/each} {/each}

@ -1,3 +1,7 @@
<script>
export let animalPawsEntries;
</script>
{#each animalPawsEntries as [, pawType]} {#each animalPawsEntries as [, pawType]}
<p>{pawType}</p> <p>{pawType}</p>
{/each} {/each}

@ -1,3 +1,7 @@
<script>
export let animalPawsEntries;
</script>
{#each animalPawsEntries as [animal, pawType]} {#each animalPawsEntries as [animal, pawType]}
<p>{animal}: {pawType}</p> <p>{animal}: {pawType}</p>
{/each} {/each}

@ -1,3 +1,7 @@
<script>
export let people;
</script>
{#each people as { name: { first: f, last: l } } } {#each people as { name: { first: f, last: l } } }
<input bind:value={f}> <input bind:value={f}>
<input bind:value={l}> <input bind:value={l}>

@ -1,3 +1,7 @@
<script>
export let animalPawsEntries;
</script>
{#each animalPawsEntries as { animal, pawType } } {#each animalPawsEntries as { animal, pawType } }
<p>{animal}: {pawType}</p> <p>{animal}: {pawType}</p>
{/each} {/each}

@ -1,3 +1,7 @@
<script>
export let animals;
</script>
{#each animals as animal} {#each animals as animal}
<p>{animal}</p> <p>{animal}</p>
{:else} {:else}

@ -1,3 +1,8 @@
<script>
export let animals;
export let foo;
</script>
before before
{#each animals as animal} {#each animals as animal}
<p>{animal}</p> <p>{animal}</p>

@ -1,3 +1,8 @@
<script>
export let animals;
export let foo;
</script>
before before
{#each animals as animal} {#each animals as animal}
<p>{animal}</p> <p>{animal}</p>

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save