mirror of https://github.com/sveltejs/svelte
ComputerGuy
2 years ago
commit
2a45896310
@ -1,5 +1,10 @@
|
||||
export let legacy_mode_flag = false;
|
||||
export let tracing_mode_flag = false;
|
||||
|
||||
export function enable_legacy_mode_flag() {
|
||||
legacy_mode_flag = true;
|
||||
}
|
||||
|
||||
export function enable_tracing_mode_flag() {
|
||||
tracing_mode_flag = true;
|
||||
}
|
||||
|
||||
@ -0,0 +1,3 @@
|
||||
import { enable_tracing_mode_flag } from './index.js';
|
||||
|
||||
enable_tracing_mode_flag();
|
||||
@ -0,0 +1,41 @@
|
||||
import { flushSync } from 'svelte';
|
||||
import { test } from '../../test';
|
||||
|
||||
export default test({
|
||||
compileOptions: {
|
||||
dev: true
|
||||
},
|
||||
|
||||
async test({ assert, target, warnings }) {
|
||||
const [btn1, btn2, btn3, btn4, btn5, btn6, clear] = target.querySelectorAll('button');
|
||||
|
||||
flushSync(() => {
|
||||
btn1.click();
|
||||
btn2.click();
|
||||
btn3.click();
|
||||
btn4.click();
|
||||
btn5.click();
|
||||
btn6.click();
|
||||
});
|
||||
|
||||
assert.deepEqual(warnings, [
|
||||
'Reactive `$state(...)` proxies and the values they proxy have different identities. Because of this, comparisons with `array.includes(...)` will produce unexpected results',
|
||||
'Reactive `$state(...)` proxies and the values they proxy have different identities. Because of this, comparisons with `array.indexOf(...)` will produce unexpected results',
|
||||
'Reactive `$state(...)` proxies and the values they proxy have different identities. Because of this, comparisons with `array.lastIndexOf(...)` will produce unexpected results'
|
||||
]);
|
||||
|
||||
flushSync(() => clear.click());
|
||||
warnings.length = 0;
|
||||
|
||||
flushSync(() => {
|
||||
btn1.click();
|
||||
btn2.click();
|
||||
btn3.click();
|
||||
btn4.click();
|
||||
btn5.click();
|
||||
btn6.click();
|
||||
});
|
||||
|
||||
assert.deepEqual(warnings, []);
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,23 @@
|
||||
<script>
|
||||
let primitive = 'foo';
|
||||
let object = {};
|
||||
|
||||
let array = $state([primitive, object]);
|
||||
</script>
|
||||
|
||||
<button onclick={() => array.includes(primitive)}>array.includes(primitive)</button>
|
||||
<button onclick={() => array.includes(object)}>array.includes(object)</button>
|
||||
|
||||
<hr />
|
||||
|
||||
<button onclick={() => array.indexOf(primitive)}>array.indexOf(primitive)</button>
|
||||
<button onclick={() => array.indexOf(object)}>array.indexOf(object)</button>
|
||||
|
||||
<hr />
|
||||
|
||||
<button onclick={() => array.lastIndexOf(primitive)}>array.lastIndexOf(primitive)</button>
|
||||
<button onclick={() => array.lastIndexOf(object)}>array.lastIndexOf(object)</button>
|
||||
|
||||
<hr />
|
||||
|
||||
<button onclick={() => (array.length = 0)}>clear</button>
|
||||
@ -0,0 +1,11 @@
|
||||
import { test, ok } from '../../test';
|
||||
|
||||
export default test({
|
||||
html: `<svg><a href="/docs"><text class="small" x="20" y="40"></text></a></svg>`,
|
||||
test({ assert, target }) {
|
||||
const a = target.querySelector('a');
|
||||
ok(a);
|
||||
|
||||
assert.equal(a.namespaceURI, 'http://www.w3.org/2000/svg');
|
||||
}
|
||||
});
|
||||
|
After Width: | Height: | Size: 109 B |
Loading…
Reference in new issue