msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

Merge pull request #2232 from sveltejs/gh-2222

Browse Source 
store prop names as $$.props, prevent leaky bindings
pull/2237/head
Rich Harris 6 years ago committed by GitHub
parent 5b172d8a61 b162de80ce
commit 66af332f75
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
62 changed files with 104 additions and 60 deletions
Show Stats Download Patch File Download Diff File

6
src/compile/render-dom/index.ts
Unescape View File

@ -407,6 +407,8 @@ export default function dom(
`);
}
const prop_names = `[${props.map(v => JSON.stringify(v.export_name)).join(', ')}]`;
if (options.customElement) {
builder.addBlock(deindent`
class ${name} extends @SvelteElement {
@ -415,7 +417,7 @@ export default function dom(
${css.code && `this.shadowRoot.innerHTML = \`<style>${escape(css.code, { onlyEscapeAtSymbol: true }).replace(/\\/g, '\\\\')}${options.dev ? `\n/*# sourceMappingURL=${css.map.toUrl()} */` : ''}</style>\`;`}
@init(this, { target: this.shadowRoot }, ${definition}, create_fragment, ${not_equal});
@init(this, { target: this.shadowRoot }, ${definition}, create_fragment, ${not_equal}, ${prop_names});
${dev_props_check}
@ -449,7 +451,7 @@ export default function dom(
constructor(options) {
super(${options.dev && `options`});
${should_add_css && `if (!document.getElementById("${component.stylesheet.id}-style")) @add_css();`}
@init(this, options, ${definition}, create_fragment, ${not_equal});
@init(this, options, ${definition}, create_fragment, ${not_equal}, ${prop_names});
${dev_props_check}
}

4
src/internal/Component.js
Unescape View File

@ -5,6 +5,7 @@ import { blankObject } from './utils.js';
import { children } from './dom.js';
export function bind(component, name, callback) {
if (component.$$.props.indexOf(name) === -1) return;
component.$$.bound[name] = callback;
callback(component.$$.ctx[name]);
}
@ -53,7 +54,7 @@ function make_dirty(component, key) {
component.$$.dirty[key] = true;
}
export function init(component, options, instance, create_fragment, not_equal) {
export function init(component, options, instance, create_fragment, not_equal, prop_names) {
const parent_component = current_component;
set_current_component(component);
@ -64,6 +65,7 @@ export function init(component, options, instance, create_fragment, not_equal) {
ctx: null,
// state
props: prop_names,
update: noop,
not_equal,
bound: blankObject(),

2
test/js/samples/action-custom-event-handler/expected.js
Unescape View File

@ -54,7 +54,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["bar"]);
}
get bar() {

2
test/js/samples/action/expected.js
Unescape View File

@ -48,7 +48,7 @@ function link(node) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/bind-width-height/expected.js
Unescape View File

@ -51,7 +51,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["w", "h"]);
}
get w() {

2
test/js/samples/collapses-text-around-comments/expected.js
Unescape View File

@ -54,7 +54,7 @@ class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
if (!document.getElementById("svelte-1a7i8ec-style")) add_css();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["foo"]);
}
get foo() {

2
test/js/samples/component-static-array/expected.js
Unescape View File

@ -45,7 +45,7 @@ function instance($$self) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/component-static-immutable/expected.js
Unescape View File

@ -45,7 +45,7 @@ function instance($$self) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, not_equal);
init(this, options, instance, create_fragment, not_equal, []);
}
}

2
test/js/samples/component-static-immutable2/expected.js
Unescape View File

@ -45,7 +45,7 @@ function instance($$self) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, not_equal);
init(this, options, instance, create_fragment, not_equal, []);
}
}

2
test/js/samples/component-static/expected.js
Unescape View File

@ -45,7 +45,7 @@ function instance($$self) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/computed-collapsed-if/expected.js
Unescape View File

@ -33,7 +33,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["x", "a", "b"]);
}
get x() {

2
test/js/samples/css-media-query/expected.js
Unescape View File

@ -37,7 +37,7 @@ class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
if (!document.getElementById("svelte-1slhpfn-style")) add_css();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/css-shadow-dom-keyframes/expected.js
Unescape View File

@ -33,7 +33,7 @@ class SvelteComponent extends SvelteElement {
this.shadowRoot.innerHTML = `<style>div{animation:foo 1s}@keyframes foo{0%{opacity:0}100%{opacity:1}}</style>`;
init(this, { target: this.shadowRoot }, null, create_fragment, safe_not_equal);
init(this, { target: this.shadowRoot }, null, create_fragment, safe_not_equal, []);
if (options) {
if (options.target) {

2
test/js/samples/debug-empty/expected.js
Unescape View File

@ -62,7 +62,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponentDev {
constructor(options) {
super(options);
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["name"]);
const { ctx } = this.$$;
const props = options.props || {};

2
test/js/samples/debug-foo-bar-baz-things/expected.js
Unescape View File

@ -150,7 +150,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponentDev {
constructor(options) {
super(options);
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["things", "foo", "bar", "baz"]);
const { ctx } = this.$$;
const props = options.props || {};

2
test/js/samples/debug-foo/expected.js
Unescape View File

@ -148,7 +148,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponentDev {
constructor(options) {
super(options);
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["things", "foo"]);
const { ctx } = this.$$;
const props = options.props || {};

2
test/js/samples/deconflict-builtins/expected.js
Unescape View File

@ -113,7 +113,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["createElement"]);
}
get createElement() {

2
test/js/samples/deconflict-globals/expected.js
Unescape View File

@ -30,7 +30,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["foo"]);
}
get foo() {

2
test/js/samples/dev-warning-missing-data-computed/expected.js
Unescape View File

@ -68,7 +68,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponentDev {
constructor(options) {
super(options);
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["foo"]);
const { ctx } = this.$$;
const props = options.props || {};

2
test/js/samples/do-use-dataset/expected.js
Unescape View File

@ -51,7 +51,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["bar"]);
}
get bar() {

2
test/js/samples/dont-invalidate-this/expected.js
Unescape View File

@ -35,7 +35,7 @@ function make_uppercase() {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/dont-use-dataset-in-legacy/expected.js
Unescape View File

@ -51,7 +51,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["bar"]);
}
get bar() {

2
test/js/samples/dont-use-dataset-in-svg/expected.js
Unescape View File

@ -49,7 +49,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["bar"]);
}
get bar() {

2
test/js/samples/dynamic-import/expected.js
Unescape View File

@ -44,7 +44,7 @@ function func() {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/each-block-array-literal/expected.js
Unescape View File

@ -116,7 +116,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["a", "b", "c", "d", "e"]);
}
get a() {

2
test/js/samples/each-block-changed-check/expected.js
Unescape View File

@ -156,7 +156,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["comments", "elapsed", "time", "foo"]);
}
get comments() {

2
test/js/samples/each-block-keyed-animated/expected.js
Unescape View File

@ -128,7 +128,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["things"]);
}
get things() {

2
test/js/samples/each-block-keyed/expected.js
Unescape View File

@ -98,7 +98,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["things"]);
}
get things() {

2
test/js/samples/event-handler-no-passive/expected.js
Unescape View File

@ -37,7 +37,7 @@ function touchstart_handler(e) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/event-modifiers/expected.js
Unescape View File

@ -57,7 +57,7 @@ function handleClick() {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/head-no-whitespace/expected.js
Unescape View File

@ -33,7 +33,7 @@ function create_fragment(ctx) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/hoisted-const/expected.js
Unescape View File

@ -34,7 +34,7 @@ function get_answer() { return ANSWER; }
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/hoisted-let/expected.js
Unescape View File

@ -34,7 +34,7 @@ function get_answer() { return ANSWER; }
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/if-block-no-update/expected.js
Unescape View File

@ -104,7 +104,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["foo"]);
}
get foo() {

2
test/js/samples/if-block-simple/expected.js
Unescape View File

@ -78,7 +78,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["foo"]);
}
get foo() {

2
test/js/samples/inline-style-optimized-multiple/expected.js
Unescape View File

@ -51,7 +51,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["color", "x", "y"]);
}
get color() {

2
test/js/samples/inline-style-optimized-url/expected.js
Unescape View File

@ -44,7 +44,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["data"]);
}
get data() {

2
test/js/samples/inline-style-optimized/expected.js
Unescape View File

@ -44,7 +44,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["color"]);
}
get color() {

2
test/js/samples/inline-style-unoptimized/expected.js
Unescape View File

@ -57,7 +57,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["style", "key", "value"]);
}
get style() {

2
test/js/samples/input-files/expected.js
Unescape View File

@ -48,7 +48,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["files"]);
}
get files() {

2
test/js/samples/input-range/expected.js
Unescape View File

@ -56,7 +56,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["value"]);
}
get value() {

2
test/js/samples/input-without-blowback-guard/expected.js
Unescape View File

@ -52,7 +52,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["foo"]);
}
get foo() {

2
test/js/samples/instrumentation-script-if-no-block/expected.js
Unescape View File

@ -57,7 +57,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/instrumentation-script-x-equals-x/expected.js
Unescape View File

@ -58,7 +58,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/instrumentation-template-if-no-block/expected.js
Unescape View File

@ -57,7 +57,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/instrumentation-template-x-equals-x/expected.js
Unescape View File

@ -55,7 +55,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/legacy-input-type/expected.js
Unescape View File

@ -29,7 +29,7 @@ function create_fragment(ctx) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/media-bindings/expected.js
Unescape View File

@ -123,7 +123,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["buffered", "seekable", "played", "currentTime", "duration", "paused", "volume"]);
}
get buffered() {

2
test/js/samples/non-imported-component/expected.js
Unescape View File

@ -55,7 +55,7 @@ function create_fragment(ctx) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/non-mutable-reference/expected.js
Unescape View File

@ -36,7 +36,7 @@ let name = 'world';
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/reactive-values-non-topologically-ordered/expected.js
Unescape View File

@ -37,7 +37,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["x"]);
}
get x() {

2
test/js/samples/reactive-values-non-writable-dependencies/expected.js
Unescape View File

@ -33,7 +33,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/select-dynamic-value/expected.js
Unescape View File

@ -70,7 +70,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["current"]);
}
get current() {

2
test/js/samples/setup-method/expected.js
Unescape View File

@ -21,7 +21,7 @@ function foo(bar) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, ["foo"]);
}
get foo() {

2
test/js/samples/svg-title/expected.js
Unescape View File

@ -32,7 +32,7 @@ function create_fragment(ctx) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, null, create_fragment, safe_not_equal);
init(this, options, null, create_fragment, safe_not_equal, []);
}
}

2
test/js/samples/title/expected.js
Unescape View File

@ -35,7 +35,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["custom"]);
}
get custom() {

2
test/js/samples/transition-local/expected.js
Unescape View File

@ -139,7 +139,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["x", "y"]);
}
get x() {

2
test/js/samples/use-elements-as-anchors/expected.js
Unescape View File

@ -263,7 +263,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["a", "b", "c", "d", "e"]);
}
get a() {

2
test/js/samples/window-binding-scroll/expected.js
Unescape View File

@ -68,7 +68,7 @@ function instance($$self, $$props, $$invalidate) {
class SvelteComponent extends SvelteComponent_1 {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal);
init(this, options, instance, create_fragment, safe_not_equal, ["y"]);
}
get y() {

5
test/runtime/samples/component-binding-non-leaky/Counter.svelte
Unescape View File

@ -0,0 +1,5 @@
<script>
let count = 0;
</script>
<button on:click='{() => count += 1}'>{count}</button>

27
test/runtime/samples/component-binding-non-leaky/_config.js
Unescape View File

@ -0,0 +1,27 @@
export default {
html: `
<button>0</button>
<p>count: undefined</p>
`,
async test({ assert, component, target, window }) {
const click = new window.MouseEvent('click');
const button = target.querySelector('button');
await button.dispatchEvent(click);
assert.equal(component.x, undefined);
assert.htmlEqual(target.innerHTML, `
<button>1</button>
<p>count: undefined</p>
`);
await button.dispatchEvent(click);
assert.equal(component.x, undefined);
assert.htmlEqual(target.innerHTML, `
<button>2</button>
<p>count: undefined</p>
`);
}
};

8
test/runtime/samples/component-binding-non-leaky/main.svelte
Unescape View File

@ -0,0 +1,8 @@
<script>
import Counter from './Counter.svelte';
let x;
</script>
<Counter bind:count={x}/>
<p>count: {x}</p>
Write Preview
Loading…
Cancel
Save