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