fix a few tests

pull/1864/head
Rich Harris 7 years ago
parent e835679f0f
commit 15f22ca745

@ -32,10 +32,10 @@ export default class Window extends Node {
} }
else if (node.type === 'Binding') { else if (node.type === 'Binding') {
if (node.value.type !== 'Identifier') { if (node.expression.type !== 'Identifier') {
const { parts } = flattenReference(node.value); const { parts } = flattenReference(node.expression);
component.error(node.value, { component.error(node.expression, {
code: `invalid-binding`, code: `invalid-binding`,
message: `Bindings on <svelte:window> must be to top-level properties, e.g. '${parts[parts.length - 1]}' rather than '${parts.join('.')}'` message: `Bindings on <svelte:window> must be to top-level properties, e.g. '${parts[parts.length - 1]}' rather than '${parts.join('.')}'`
}); });

@ -22,7 +22,7 @@ export default class DocumentWrapper extends Wrapper {
const isCustomEvent = false; // TODO!!! const isCustomEvent = false; // TODO!!!
let usesState = handler.dependencies.size > 0; let usesState = handler.expression.dependencies.size > 0;
handler.render(component, block, 'document', false); // TODO hoist? handler.render(component, block, 'document', false); // TODO hoist?

@ -2,7 +2,7 @@
export let hidden = true; export let hidden = true;
export function toggle() { export function toggle() {
hidden = !this.get().hidden; hidden = !hidden;
} }
</script> </script>

@ -1,5 +1,7 @@
<script> <script>
import One from './One.html'; import One from './One.html';
export let one;
</script> </script>
<One ref:one/> <One ref:one/>

@ -1,6 +1,7 @@
<script> <script>
import Foo from './Foo.html'; import Foo from './Foo.html';
export let foo;
export let bar; export let bar;
export let baz; export let baz;
</script> </script>

@ -1,14 +1,15 @@
export default { export default {
html: '<button>+1</button>\n\n<p>0</p>', html: '<button>+1</button>\n\n<p>0</p>',
test ( assert, component, target, window ) {
async test(assert, component, target, window) {
const button = target.querySelector('button'); const button = target.querySelector('button');
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');
button.dispatchEvent( event ); await button.dispatchEvent(event);
assert.equal(component.counter, 1); assert.equal(component.counter, 1);
assert.equal(target.innerHTML, '<button>+1</button>\n\n<p>1</p>'); assert.equal(target.innerHTML, '<button>+1</button>\n\n<p>1</p>');
button.dispatchEvent( event ); await button.dispatchEvent(event);
assert.equal(component.counter, 2); assert.equal(component.counter, 2);
assert.equal(target.innerHTML, '<button>+1</button>\n\n<p>2</p>'); assert.equal(target.innerHTML, '<button>+1</button>\n\n<p>2</p>');

@ -2,6 +2,6 @@ export default {
html: `ABCD`, html: `ABCD`,
test (assert, component) { test (assert, component) {
assert.equal(component.compute, 'ABCD'); assert.equal(component.compute(), 'ABCD');
} }
}; };

@ -3,7 +3,7 @@
export let value = addCss + addedCss + applyComputations + renderMainFragment; export let value = addCss + addedCss + applyComputations + renderMainFragment;
function compute() { export function compute() {
return value.toUpperCase(); return value.toUpperCase();
} }
</script> </script>

@ -1,16 +0,0 @@
export default {
compileOptions: {
dev: true
},
props: {
x: true
},
html: '',
warnings: [
`<Main$> expected to find 'Foo' in \`data\`, but found it in \`components\` instead`,
`<Main$> expected to find 'Bar' in \`data\`, but found it in \`components\` instead`
]
};

@ -1,10 +0,0 @@
<script>
import Foo from './Foo.html';
import Bar from './Bar.html';
export let x;
export let Foo;
export let Bar;
</script>
<svelte:component this="{x ? Foo : Bar}"/>
Loading…
Cancel
Save