mirror of https://github.com/sveltejs/svelte
revert remove contextual overflow (#4102)
Tan Li Hau
5 years ago
committed by
Conduitry
parent
0bb40196db
commit
a8b306f0a1
@ -0,0 +1,73 @@
|
|||||||
|
<script>
|
||||||
|
export let d1 = 'd1';
|
||||||
|
export let d2 = 'd2';
|
||||||
|
export let d3 = 'd3';
|
||||||
|
export let d4 = 'd4';
|
||||||
|
export let d5 = 'd5';
|
||||||
|
export let d6 = 'd6';
|
||||||
|
export let d7 = 'd7';
|
||||||
|
export let d8 = 'd8';
|
||||||
|
export let d9 = 'd9';
|
||||||
|
export let d10 = 'd10';
|
||||||
|
export let d11 = 'd11';
|
||||||
|
export let d12 = 'd12';
|
||||||
|
export let d13 = 'd13';
|
||||||
|
export let d14 = 'd14';
|
||||||
|
export let d15 = 'd15';
|
||||||
|
export let d16 = 'd16';
|
||||||
|
export let d17 = 'd17';
|
||||||
|
export let d18 = 'd18';
|
||||||
|
export let d19 = 'd19';
|
||||||
|
export let d20 = 'd20';
|
||||||
|
export let d21 = 'd21';
|
||||||
|
export let d22 = 'd22';
|
||||||
|
export let d23 = 'd23';
|
||||||
|
export let d24 = 'd24';
|
||||||
|
export let d25 = 'd25';
|
||||||
|
export let d26 = 'd26';
|
||||||
|
export let d27 = 'd27';
|
||||||
|
export let d28 = 'd28';
|
||||||
|
export let d29 = 'd29';
|
||||||
|
export let d30 = 'd30';
|
||||||
|
export let d31 = 'd31';
|
||||||
|
export let d32 = 'd32';
|
||||||
|
export let d33 = 'd33';
|
||||||
|
|
||||||
|
$: dummy = d32 + ':' + d33;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<p>{d1}</p>
|
||||||
|
<p>{d2}</p>
|
||||||
|
<p>{d3}</p>
|
||||||
|
<p>{d4}</p>
|
||||||
|
<p>{d5}</p>
|
||||||
|
<p>{d6}</p>
|
||||||
|
<p>{d7}</p>
|
||||||
|
<p>{d8}</p>
|
||||||
|
<p>{d9}</p>
|
||||||
|
<p>{d10}</p>
|
||||||
|
<p>{d11}</p>
|
||||||
|
<p>{d12}</p>
|
||||||
|
<p>{d13}</p>
|
||||||
|
<p>{d14}</p>
|
||||||
|
<p>{d15}</p>
|
||||||
|
<p>{d16}</p>
|
||||||
|
<p>{d17}</p>
|
||||||
|
<p>{d18}</p>
|
||||||
|
<p>{d19}</p>
|
||||||
|
<p>{d20}</p>
|
||||||
|
<p>{d21}</p>
|
||||||
|
<p>{d22}</p>
|
||||||
|
<p>{d23}</p>
|
||||||
|
<p>{d24}</p>
|
||||||
|
<p>{d25}</p>
|
||||||
|
<p>{d26}</p>
|
||||||
|
<p>{d27}</p>
|
||||||
|
<p>{d28}</p>
|
||||||
|
<p>{d29}</p>
|
||||||
|
<p>{d30}</p>
|
||||||
|
<p>{d31}</p>
|
||||||
|
<p>{d32}</p>
|
||||||
|
<p>{d33}</p>
|
||||||
|
|
||||||
|
<slot dummy={dummy}></slot>
|
||||||
@ -0,0 +1,96 @@
|
|||||||
|
export default {
|
||||||
|
html: `
|
||||||
|
<p>d1</p>
|
||||||
|
<p>d2</p>
|
||||||
|
<p>d3</p>
|
||||||
|
<p>d4</p>
|
||||||
|
<p>d5</p>
|
||||||
|
<p>d6</p>
|
||||||
|
<p>d7</p>
|
||||||
|
<p>d8</p>
|
||||||
|
<p>d9</p>
|
||||||
|
<p>d10</p>
|
||||||
|
<p>d11</p>
|
||||||
|
<p>d12</p>
|
||||||
|
<p>d13</p>
|
||||||
|
<p>d14</p>
|
||||||
|
<p>d15</p>
|
||||||
|
<p>d16</p>
|
||||||
|
<p>d17</p>
|
||||||
|
<p>d18</p>
|
||||||
|
<p>d19</p>
|
||||||
|
<p>d20</p>
|
||||||
|
<p>d21</p>
|
||||||
|
<p>d22</p>
|
||||||
|
<p>d23</p>
|
||||||
|
<p>d24</p>
|
||||||
|
<p>d25</p>
|
||||||
|
<p>d26</p>
|
||||||
|
<p>d27</p>
|
||||||
|
<p>d28</p>
|
||||||
|
<p>d29</p>
|
||||||
|
<p>d30</p>
|
||||||
|
<p>d31</p>
|
||||||
|
<p>2</p>
|
||||||
|
<p>1</p>
|
||||||
|
<p>0:1</p>
|
||||||
|
<p>2:1</p>
|
||||||
|
<p>0</p>
|
||||||
|
<p>1</p>
|
||||||
|
<p>2</p>
|
||||||
|
`,
|
||||||
|
|
||||||
|
test({ assert, component, target }) {
|
||||||
|
component.reads = {};
|
||||||
|
|
||||||
|
component._0 = 'a';
|
||||||
|
component._1 = 'b';
|
||||||
|
component._2 = 'c';
|
||||||
|
|
||||||
|
assert.htmlEqual(target.innerHTML, `
|
||||||
|
<p>d1</p>
|
||||||
|
<p>d2</p>
|
||||||
|
<p>d3</p>
|
||||||
|
<p>d4</p>
|
||||||
|
<p>d5</p>
|
||||||
|
<p>d6</p>
|
||||||
|
<p>d7</p>
|
||||||
|
<p>d8</p>
|
||||||
|
<p>d9</p>
|
||||||
|
<p>d10</p>
|
||||||
|
<p>d11</p>
|
||||||
|
<p>d12</p>
|
||||||
|
<p>d13</p>
|
||||||
|
<p>d14</p>
|
||||||
|
<p>d15</p>
|
||||||
|
<p>d16</p>
|
||||||
|
<p>d17</p>
|
||||||
|
<p>d18</p>
|
||||||
|
<p>d19</p>
|
||||||
|
<p>d20</p>
|
||||||
|
<p>d21</p>
|
||||||
|
<p>d22</p>
|
||||||
|
<p>d23</p>
|
||||||
|
<p>d24</p>
|
||||||
|
<p>d25</p>
|
||||||
|
<p>d26</p>
|
||||||
|
<p>d27</p>
|
||||||
|
<p>d28</p>
|
||||||
|
<p>d29</p>
|
||||||
|
<p>d30</p>
|
||||||
|
<p>d31</p>
|
||||||
|
<p>c</p>
|
||||||
|
<p>b</p>
|
||||||
|
<p>a:b</p>
|
||||||
|
<p>c:b</p>
|
||||||
|
<p>a</p>
|
||||||
|
<p>b</p>
|
||||||
|
<p>c</p>
|
||||||
|
`);
|
||||||
|
|
||||||
|
assert.deepEqual(component.reads, {
|
||||||
|
_0: 2,
|
||||||
|
_1: 2,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1,30 @@
|
|||||||
|
<script>
|
||||||
|
import Echo from './Echo.svelte';
|
||||||
|
|
||||||
|
export let reads = {};
|
||||||
|
|
||||||
|
export let _0 = '0';
|
||||||
|
export let _1 = '1';
|
||||||
|
export let _2 = '2';
|
||||||
|
|
||||||
|
$: bar = read(_0, '_0') + ':' + read(_1, '_1');
|
||||||
|
|
||||||
|
const read = (value, label) => {
|
||||||
|
if (!reads[label]) reads[label] = 0;
|
||||||
|
reads[label] += 1;
|
||||||
|
|
||||||
|
return value;
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Echo
|
||||||
|
let:dummy
|
||||||
|
d33={_1}
|
||||||
|
d32={_2}
|
||||||
|
>
|
||||||
|
<p>{bar}</p>
|
||||||
|
<p>{dummy}</p>
|
||||||
|
<p>{_0}</p>
|
||||||
|
<p>{_1}</p>
|
||||||
|
<p>{_2}</p>
|
||||||
|
</Echo>
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
export default {
|
||||||
|
html: `
|
||||||
|
<p>OK</p>
|
||||||
|
<p>OK</p>
|
||||||
|
<pre>one</pre>
|
||||||
|
<pre>two</pre>
|
||||||
|
`
|
||||||
|
};
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
<script>
|
||||||
|
let a = () => true;
|
||||||
|
export let data = [{ foo: [{ foo: [{bar: "one"}, {bar: "two"}] }] }];
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{#each data as datum}
|
||||||
|
{#if datum.foo && a()}
|
||||||
|
<p>OK</p>
|
||||||
|
<svelte:self data={datum.foo}/>
|
||||||
|
{:else}
|
||||||
|
<pre>{datum.bar}</pre>
|
||||||
|
{/if}
|
||||||
|
{/each}
|
||||||
@ -0,0 +1 @@
|
|||||||
|
<p>OK</p>
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
html: '<p>OK</p>',
|
||||||
|
};
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
<script>
|
||||||
|
import {writable} from 'svelte/store';
|
||||||
|
import Widget from './Widget.svelte';
|
||||||
|
let a = (writable({}));
|
||||||
|
let b = () => true;
|
||||||
|
</script>
|
||||||
|
<!-- if (reactive && non-reactive) -->
|
||||||
|
{#if $a || b() }
|
||||||
|
<Widget></Widget>
|
||||||
|
{:else}
|
||||||
|
<pre>fail</pre>
|
||||||
|
{/if}
|
||||||
Loading…
Reference in new issue