mirror of https://github.com/sveltejs/svelte
commit
ee38a14d0a
@ -0,0 +1,9 @@
|
||||
<p>y: {{y}}</p>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data: () => ({
|
||||
y: 'bar'
|
||||
})
|
||||
};
|
||||
</script>
|
@ -0,0 +1,7 @@
|
||||
<script>
|
||||
export default {
|
||||
data: () => ({
|
||||
x: true
|
||||
})
|
||||
};
|
||||
</script>
|
@ -0,0 +1,9 @@
|
||||
<p>y: {{y}}</p>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data: () => ({
|
||||
y: 'foo'
|
||||
})
|
||||
};
|
||||
</script>
|
@ -0,0 +1,24 @@
|
||||
export default {
|
||||
'skip-ssr': true, // TODO delete this line, once binding works
|
||||
|
||||
// This test fails, because the Bar y binding is activated before the
|
||||
// Baz x binding, meaning that by the time Foo is created, we already
|
||||
// have a value for y which Foo won't override. Easily worked around,
|
||||
// probably impossible to 'fix', so this test is left here for info
|
||||
// purposes but will probably remain skipped indefinitely.
|
||||
skip: true,
|
||||
|
||||
html: `
|
||||
<p>y: foo</p>
|
||||
<p>y: foo</p>
|
||||
`,
|
||||
|
||||
test ( assert, component, target ) {
|
||||
component.set({ x: false });
|
||||
|
||||
assert.htmlEqual( target.innerHTML, `
|
||||
<p>y: foo</p>
|
||||
<p>y: foo</p>
|
||||
` );
|
||||
}
|
||||
};
|
@ -0,0 +1,23 @@
|
||||
<p>y: {{y}}</p>
|
||||
|
||||
<Baz bind:x/>
|
||||
|
||||
{{#if x}}
|
||||
<Foo bind:y/>
|
||||
{{else}}
|
||||
<Bar bind:y/>
|
||||
{{/if}}
|
||||
|
||||
<script>
|
||||
import Foo from './Foo.html';
|
||||
import Bar from './Bar.html';
|
||||
import Baz from './Baz.html';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
Foo,
|
||||
Bar,
|
||||
Baz
|
||||
}
|
||||
};
|
||||
</script>
|
@ -0,0 +1,9 @@
|
||||
<p>y: {{y}}</p>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data: () => ({
|
||||
y: 'bar'
|
||||
})
|
||||
};
|
||||
</script>
|
@ -0,0 +1,7 @@
|
||||
<script>
|
||||
export default {
|
||||
data: () => ({
|
||||
x: true
|
||||
})
|
||||
};
|
||||
</script>
|
@ -0,0 +1,9 @@
|
||||
<p>y: {{y}}</p>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data: () => ({
|
||||
y: 'foo'
|
||||
})
|
||||
};
|
||||
</script>
|
@ -0,0 +1,17 @@
|
||||
export default {
|
||||
'skip-ssr': true, // TODO delete this line, once binding works
|
||||
|
||||
html: `
|
||||
<p>y: foo</p>
|
||||
<p>y: foo</p>
|
||||
`,
|
||||
|
||||
test ( assert, component, target ) {
|
||||
component.set({ x: false });
|
||||
|
||||
assert.htmlEqual( target.innerHTML, `
|
||||
<p>y: foo</p>
|
||||
<p>y: foo</p>
|
||||
` );
|
||||
}
|
||||
};
|
@ -0,0 +1,23 @@
|
||||
<p>y: {{y}}</p>
|
||||
|
||||
{{#if x}}
|
||||
<Foo bind:y/>
|
||||
{{else}}
|
||||
<Bar bind:y/>
|
||||
{{/if}}
|
||||
|
||||
<Baz bind:x/>
|
||||
|
||||
<script>
|
||||
import Foo from './Foo.html';
|
||||
import Bar from './Bar.html';
|
||||
import Baz from './Baz.html';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
Foo,
|
||||
Bar,
|
||||
Baz
|
||||
}
|
||||
};
|
||||
</script>
|
Loading…
Reference in new issue