test unrelated update does not cancel if_block outro

Author: pushkin

test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/Component.svelte

@@ -0,0 +1,18 @@
+<script>
+  export let condition;
+  function foo(node, params) {
+    return {
+      duration: 100,
+      tick: t => {
+        node.foo = t;
+      }
+    };
+  }
+  let bool = true;
+</script>
+
+<button on:click={() => (condition = false)} id="1" />
+<button on:click={() => (bool = !bool)} />
+{#if bool}
+  <div out:foo />
+{/if}

test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/_config.js

@@ -0,0 +1,7 @@
+export default {
+	test({ assert, target, window, raf }) {
+		target.querySelector("button").click();
+		raf.tick(500);
+		assert.htmlEqual(target.innerHTML, "");
+	},
+};

test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/main.svelte

@@ -0,0 +1,8 @@
+<script>
+  import Component from "./Component.svelte";
+  let condition = true;
+</script>
+
+{#if condition}
+  <Component bind:condition />
+{/if}

test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/Component.svelte

@@ -0,0 +1,18 @@
+<script>
+  export let condition;
+  function foo(node, params) {
+    return {
+      duration: 100,
+      tick: t => {
+        node.foo = t;
+      }
+    };
+  }
+  $condition;
+  let bool = true;
+</script>
+
+<button on:click={() => (bool = !bool)} />
+{#if bool}
+  <div out:foo />
+{/if}

test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/_config.js

@@ -0,0 +1,7 @@
+export default {
+	test({ assert, target, window, raf }) {
+		target.querySelector("button").click();
+		raf.tick(500);
+		assert.htmlEqual(target.innerHTML, "");
+	},
+};

test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/main.svelte

@@ -0,0 +1,10 @@
+<script>
+  import { writable } from "svelte/store";
+  import Component from "./Component.svelte";
+  let condition = writable(true);
+</script>
+
+{#if $condition}
+  <button on:click={() => ($condition = false)} id="1" />
+  <Component {condition} />
+{/if}