From 10ec911ffa3f136a5f2e0203bbd73f83891e23df Mon Sep 17 00:00:00 2001
From: pushkin <mtrelis@outlook.com>
Date: Mon, 6 Apr 2020 10:34:15 +0200
Subject: [PATCH] test unrelated update does not cancel `if_block` outro

---
 .../Component.svelte                           | 18 ++++++++++++++++++
 .../_config.js                                 |  7 +++++++
 .../main.svelte                                |  8 ++++++++
 .../Component.svelte                           | 18 ++++++++++++++++++
 .../_config.js                                 |  7 +++++++
 .../main.svelte                                | 10 ++++++++++
 6 files changed, 68 insertions(+)
 create mode 100644 test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/Component.svelte
 create mode 100644 test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/_config.js
 create mode 100644 test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/main.svelte
 create mode 100644 test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/Component.svelte
 create mode 100644 test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/_config.js
 create mode 100644 test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/main.svelte

diff --git a/test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/Component.svelte b/test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/Component.svelte
new file mode 100644
index 0000000000..3b8ebd6761
--- /dev/null
+++ b/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}
diff --git a/test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/_config.js b/test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/_config.js
new file mode 100644
index 0000000000..2755837369
--- /dev/null
+++ b/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, "");
+	},
+};
diff --git a/test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/main.svelte b/test/runtime/samples/transition-js-if-outro-unrelated-component-binding-update/main.svelte
new file mode 100644
index 0000000000..f7939aaef7
--- /dev/null
+++ b/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}
diff --git a/test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/Component.svelte b/test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/Component.svelte
new file mode 100644
index 0000000000..985c36ae9b
--- /dev/null
+++ b/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}
diff --git a/test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/_config.js b/test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/_config.js
new file mode 100644
index 0000000000..2755837369
--- /dev/null
+++ b/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, "");
+	},
+};
diff --git a/test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/main.svelte b/test/runtime/samples/transition-js-if-outro-unrelated-component-store-update/main.svelte
new file mode 100644
index 0000000000..72083c71a9
--- /dev/null
+++ b/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}