mirror of https://github.com/sveltejs/svelte
monkey-patch console.log and console.warn for all tests (#11265)
* monkey-patch console.log and console.warn for all tests * update legacy tests * various * tests passing * tidy up * tidy up * tidier outputpull/11260/head
Rich Harris
3 months ago
committed by
GitHub
parent
47ba488cf2
commit
fd5f5bb85d
@ -1,14 +1,14 @@
|
||||
<script>
|
||||
let keys = ['a', 'b'];
|
||||
let items = ['c', 'd'];
|
||||
export let log;
|
||||
|
||||
function setKey(key, value, item) {
|
||||
log.push(`setKey(${key}, ${value}, ${item})`);
|
||||
}
|
||||
console.log(`setKey(${key}, ${value}, ${item})`);
|
||||
}
|
||||
</script>
|
||||
|
||||
{#each items as item (item)}
|
||||
{#each keys as key (key)}
|
||||
<slot {key} {item} set={(value) => setKey(key, value, item)} />
|
||||
{/each}
|
||||
{/each}
|
||||
{/each}
|
||||
|
||||
@ -1,8 +1,7 @@
|
||||
<script>
|
||||
import Nested from './Nested.svelte';
|
||||
export let log = [];
|
||||
</script>
|
||||
|
||||
<Nested {log} let:set let:key let:item>
|
||||
<Nested let:set let:key let:item>
|
||||
<button type="button" on:click={() => set(`value-${key}-${item}`)}>Set {key}-{item}</button>
|
||||
</Nested>
|
||||
</Nested>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<script>
|
||||
let keys = ['a', 'b'];
|
||||
export let log;
|
||||
|
||||
function setKey(key, value) {
|
||||
log.push(`setKey(${key}, ${value})`);
|
||||
}
|
||||
console.log(`setKey(${key}, ${value})`);
|
||||
}
|
||||
</script>
|
||||
|
||||
{#each keys as key (key)}
|
||||
<slot {key} set={(value) => setKey(key, value)} />
|
||||
{/each}
|
||||
{/each}
|
||||
|
||||
@ -1,8 +1,7 @@
|
||||
<script>
|
||||
import Nested from './Nested.svelte';
|
||||
export let log = [];
|
||||
</script>
|
||||
|
||||
<Nested {log} let:set let:key>
|
||||
<Nested let:set let:key>
|
||||
<button type="button" on:click={() => set(`value-${key}`)}>Set {key}</button>
|
||||
</Nested>
|
||||
</Nested>
|
||||
|
||||
@ -1,9 +1,8 @@
|
||||
<script>
|
||||
export let log;
|
||||
function setKey(key, value) {
|
||||
log.push(`setKey(${key}, ${value})`);
|
||||
}
|
||||
console.log(`setKey(${key}, ${value})`);
|
||||
}
|
||||
</script>
|
||||
|
||||
<slot key="a" set={setKey} />
|
||||
<slot key="b" set={setKey} />
|
||||
<slot key="b" set={setKey} />
|
||||
|
||||
@ -1,8 +1,7 @@
|
||||
<script>
|
||||
import Inner from './Inner.svelte';
|
||||
export let log;
|
||||
</script>
|
||||
|
||||
<Inner {log} let:key let:set>
|
||||
<Inner let:key let:set>
|
||||
<slot {key} set={(value) => set(key, value)} />
|
||||
</Inner>
|
||||
</Inner>
|
||||
|
||||
@ -1,8 +1,7 @@
|
||||
<script>
|
||||
import Nested from './Nested.svelte';
|
||||
export let log = [];
|
||||
</script>
|
||||
|
||||
<Nested {log} let:set let:key>
|
||||
<Nested let:set let:key>
|
||||
<button type="button" on:click={() => set(`value-${key}`)}>Set {key}</button>
|
||||
</Nested>
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {string[]} */
|
||||
export const log = [];
|
||||
@ -1,7 +1,6 @@
|
||||
<script>
|
||||
export let name;
|
||||
export let log;
|
||||
$: log.push('name in child: ' + name);
|
||||
$: console.log('name in child: ' + name);
|
||||
</script>
|
||||
|
||||
<p>welcome, dan</p>
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,22 +1,17 @@
|
||||
import { ok, test } from '../../test';
|
||||
import { flushSync, tick } from 'svelte';
|
||||
import { log } from './log.js';
|
||||
import { flushSync } from 'svelte';
|
||||
|
||||
export default test({
|
||||
html: `<button>0</button>`,
|
||||
|
||||
before_test() {
|
||||
log.length = 0;
|
||||
},
|
||||
|
||||
async test({ assert, target }) {
|
||||
async test({ assert, target, logs }) {
|
||||
const btn = target.querySelector('button');
|
||||
ok(btn);
|
||||
|
||||
flushSync(() => btn.click());
|
||||
assert.deepEqual(log, ['update', 0, 1]);
|
||||
assert.deepEqual(logs, ['update', 0, 1]);
|
||||
|
||||
flushSync(() => btn.click());
|
||||
assert.deepEqual(log, ['update', 0, 1, 'destroy', 1]);
|
||||
assert.deepEqual(logs, ['update', 0, 1, 'destroy', 1]);
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,20 +1,15 @@
|
||||
import { flushSync } from 'svelte';
|
||||
import { test } from '../../test';
|
||||
import { logs } from './logs.js';
|
||||
|
||||
export default test({
|
||||
html: `<button>clicks: 0</button>`,
|
||||
|
||||
test({ assert, target }) {
|
||||
test({ assert, target, logs }) {
|
||||
const btn = target.querySelector('button');
|
||||
|
||||
flushSync(() => btn?.click());
|
||||
|
||||
assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`);
|
||||
assert.deepEqual(logs, ['changed', 'changed']);
|
||||
},
|
||||
|
||||
after_test() {
|
||||
logs.length = 0;
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const logs = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,28 +1,23 @@
|
||||
import { test } from '../../test';
|
||||
import { flushSync } from 'svelte';
|
||||
import { log } from './log.js';
|
||||
|
||||
export default test({
|
||||
before_test() {
|
||||
log.length = 0;
|
||||
},
|
||||
|
||||
async test({ assert, target }) {
|
||||
async test({ assert, target, logs }) {
|
||||
const [b1, b2, b3] = target.querySelectorAll('button');
|
||||
log.length = 0;
|
||||
logs.length = 0;
|
||||
flushSync(() => {
|
||||
b1.click();
|
||||
});
|
||||
assert.deepEqual(log, ['a', 1]);
|
||||
log.length = 0;
|
||||
assert.deepEqual(logs, ['a', 1]);
|
||||
logs.length = 0;
|
||||
flushSync(() => {
|
||||
b2.click();
|
||||
});
|
||||
assert.deepEqual(log, ['b', 1]);
|
||||
log.length = 0;
|
||||
assert.deepEqual(logs, ['b', 1]);
|
||||
logs.length = 0;
|
||||
flushSync(() => {
|
||||
b3.click();
|
||||
});
|
||||
assert.deepEqual(log, ['c', 1]);
|
||||
assert.deepEqual(logs, ['c', 1]);
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,19 +1,15 @@
|
||||
import { test } from '../../test';
|
||||
import { log } from './log.js';
|
||||
|
||||
export default test({
|
||||
before_test() {
|
||||
log.length = 0;
|
||||
},
|
||||
|
||||
mode: ['server'],
|
||||
html: `<button>0</button>`,
|
||||
|
||||
async test({ assert, target, window }) {
|
||||
async test({ assert, target, window, logs }) {
|
||||
const btn = target.querySelector('button');
|
||||
const clickEvent = new window.Event('click', { bubbles: true });
|
||||
await btn?.dispatchEvent(clickEvent);
|
||||
|
||||
assert.htmlEqual(target.innerHTML, `<button>2</button>`);
|
||||
assert.deepEqual(log, ['create_derived']);
|
||||
assert.deepEqual(logs, ['create_derived']);
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,15 +1,10 @@
|
||||
import { test } from '../../test';
|
||||
import { log } from './log.js';
|
||||
|
||||
export default test({
|
||||
before_test() {
|
||||
log.length = 0;
|
||||
},
|
||||
|
||||
async test({ assert, target, window }) {
|
||||
async test({ assert, target, logs }) {
|
||||
const btn = target.querySelector('button');
|
||||
await btn?.click();
|
||||
|
||||
assert.deepEqual(log, ['works!']);
|
||||
assert.deepEqual(logs, ['works!']);
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,31 +1,26 @@
|
||||
import { flushSync } from 'svelte';
|
||||
import { test } from '../../test';
|
||||
import { log } from './log.js';
|
||||
|
||||
export default test({
|
||||
before_test() {
|
||||
log.length = 0;
|
||||
},
|
||||
|
||||
async test({ assert, target }) {
|
||||
async test({ assert, target, logs }) {
|
||||
const [b1, b2] = target.querySelectorAll('button');
|
||||
|
||||
flushSync(() => {
|
||||
b1.click();
|
||||
});
|
||||
|
||||
assert.deepEqual(log, ['transition 2']);
|
||||
assert.deepEqual(logs, ['transition 2']);
|
||||
|
||||
flushSync(() => {
|
||||
b2.click();
|
||||
});
|
||||
|
||||
assert.deepEqual(log, ['transition 2']);
|
||||
assert.deepEqual(logs, ['transition 2']);
|
||||
|
||||
flushSync(() => {
|
||||
b1.click();
|
||||
});
|
||||
|
||||
assert.deepEqual(log, ['transition 2', 'transition 1']);
|
||||
assert.deepEqual(logs, ['transition 2', 'transition 1']);
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,31 +1,26 @@
|
||||
import { flushSync } from 'svelte';
|
||||
import { test } from '../../test';
|
||||
import { log } from './log.js';
|
||||
|
||||
export default test({
|
||||
before_test() {
|
||||
log.length = 0;
|
||||
},
|
||||
|
||||
async test({ assert, target }) {
|
||||
async test({ assert, target, logs }) {
|
||||
const [b1, b2] = target.querySelectorAll('button');
|
||||
|
||||
flushSync(() => {
|
||||
b1.click();
|
||||
});
|
||||
|
||||
assert.deepEqual(log, [0]);
|
||||
assert.deepEqual(logs, [0]);
|
||||
|
||||
flushSync(() => {
|
||||
b2.click();
|
||||
});
|
||||
|
||||
assert.deepEqual(log, [0, 'cleanup']);
|
||||
assert.deepEqual(logs, [0, 'cleanup']);
|
||||
|
||||
flushSync(() => {
|
||||
b1.click();
|
||||
});
|
||||
|
||||
assert.deepEqual(log, [0, 'cleanup']);
|
||||
assert.deepEqual(logs, [0, 'cleanup']);
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,17 +1,12 @@
|
||||
import { test } from '../../test';
|
||||
import { log } from './log.js';
|
||||
|
||||
export default test({
|
||||
before_test() {
|
||||
log.length = 0;
|
||||
},
|
||||
|
||||
async test({ assert, target }) {
|
||||
async test({ assert, target, logs }) {
|
||||
const [b1, b2] = target.querySelectorAll('button');
|
||||
b1.click();
|
||||
b2.click();
|
||||
await Promise.resolve();
|
||||
|
||||
assert.deepEqual(log, [0, 1]);
|
||||
assert.deepEqual(logs, [0, 1]);
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,17 +1,12 @@
|
||||
import { test } from '../../test';
|
||||
import { log } from './log.js';
|
||||
|
||||
export default test({
|
||||
before_test() {
|
||||
log.length = 0;
|
||||
},
|
||||
|
||||
async test({ assert, target }) {
|
||||
async test({ assert, target, logs }) {
|
||||
const [b1, b2] = target.querySelectorAll('button');
|
||||
b1.click();
|
||||
b2.click();
|
||||
await Promise.resolve();
|
||||
|
||||
assert.deepEqual(log, ['first0', 'second0', 'first1', 'second1']);
|
||||
assert.deepEqual(logs, ['first0', 'second0', 'first1', 'second1']);
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
@ -1,2 +0,0 @@
|
||||
/** @type {any[]} */
|
||||
export const log = [];
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue