fix all CSS tests

pull/1839/head
Rich Harris 7 years ago
parent b38d8e9bff
commit 03af42fad4

@ -110,7 +110,7 @@ describe.only('css', () => {
try { try {
const target = window.document.querySelector('main'); const target = window.document.querySelector('main');
new ClientComponent({ target, data: config.data }); new ClientComponent({ target, props: config.props });
const html = target.innerHTML; const html = target.innerHTML;
fs.writeFileSync(`test/css/samples/${dir}/_actual.html`, html); fs.writeFileSync(`test/css/samples/${dir}/_actual.html`, html);
@ -131,7 +131,7 @@ describe.only('css', () => {
assert.equal( assert.equal(
normalizeHtml( normalizeHtml(
window, window,
ServerComponent.render(config.data).html.replace(/svelte(-ref)?-[a-z0-9]+/g, (m, $1) => $1 ? m : 'svelte-xyz') ServerComponent.render(config.props).html.replace(/svelte(-ref)?-[a-z0-9]+/g, (m, $1) => $1 ? m : 'svelte-xyz')
), ),
normalizeHtml(window, expected.html) normalizeHtml(window, expected.html)
); );

@ -1,5 +1,5 @@
export default { export default {
data: { props: {
dynamic: 'x' dynamic: 'x'
} }
}; };

@ -1,5 +1,5 @@
export default { export default {
data: { props: {
dynamic: 'whatever' dynamic: 'whatever'
} }
}; };

@ -1,5 +1,5 @@
export default { export default {
data: { props: {
raw: '<p>raw</p>' raw: '<p>raw</p>'
} }
}; };

@ -1,5 +1,5 @@
export default { export default {
data: { props: {
raw: '<p>raw</p>' raw: '<p>raw</p>'
} }
}; };

@ -1,5 +1,5 @@
export default { export default {
data: { props: {
raw: '<p>raw</p>' raw: '<p>raw</p>'
} }
}; };

@ -1,5 +1,5 @@
export default { export default {
data: { props: {
raw: '<p>raw</p>' raw: '<p>raw</p>'
} }
}; };

@ -1,5 +1,5 @@
export default { export default {
data: { props: {
raw: '<p>raw</p>' raw: '<p>raw</p>'
} }
}; };

@ -1,5 +1,5 @@
export default { export default {
data: { props: {
raw: '<p>raw</p>' raw: '<p>raw</p>'
} }
}; };

@ -1,5 +1,5 @@
export default { export default {
data: { props: {
active: true active: true
}, },
@ -8,21 +8,21 @@ export default {
message: 'Unused CSS selector', message: 'Unused CSS selector',
start: { start: {
column: 1, column: 1,
line: 12, line: 17,
character: 169 character: 222
}, },
end: { end: {
column: 20, column: 20,
line: 12, line: 17,
character: 188 character: 241
}, },
pos: 169, pos: 222,
frame: ` frame: `
10: } 15: }
11: 16:
12: ref:button.inactive { 17: ref:button.inactive {
^ ^
13: color: green; 18: color: green;
14: }` 19: }`
}] }]
}; };

@ -1,3 +1,8 @@
<script>
export let active;
let button;
</script>
{#if active} {#if active}
<button ref:button class='active'>deactivate</button> <button ref:button class='active'>deactivate</button>
{:else} {:else}

@ -1,5 +1,5 @@
export default { export default {
data: { props: {
active: true active: true
}, },

Loading…
Cancel
Save