From 2e12c9235fd65a582b2661c934febcf82a2d1b47 Mon Sep 17 00:00:00 2001
From: Carlos Edinson Roso Espinosa <ce.roso398@gmail.com>
Date: Tue, 21 Jul 2020 15:51:33 -0500
Subject: [PATCH] add tests

---
 .../_config.js                                | 54 +++++++++++++++++++
 .../main.svelte                               | 27 ++++++++++
 .../_config.js                                | 22 ++++++++
 .../main.svelte                               | 18 +++++++
 .../_config.js                                | 20 +++++++
 .../main.svelte                               | 18 +++++++
 6 files changed, 159 insertions(+)
 create mode 100644 test/runtime/samples/transition-js-each-else-block-intro-outro/_config.js
 create mode 100644 test/runtime/samples/transition-js-each-else-block-intro-outro/main.svelte
 create mode 100644 test/runtime/samples/transition-js-each-else-block-intro/_config.js
 create mode 100644 test/runtime/samples/transition-js-each-else-block-intro/main.svelte
 create mode 100644 test/runtime/samples/transition-js-each-else-block-outro/_config.js
 create mode 100644 test/runtime/samples/transition-js-each-else-block-outro/main.svelte

diff --git a/test/runtime/samples/transition-js-each-else-block-intro-outro/_config.js b/test/runtime/samples/transition-js-each-else-block-intro-outro/_config.js
new file mode 100644
index 0000000000..e358808628
--- /dev/null
+++ b/test/runtime/samples/transition-js-each-else-block-intro-outro/_config.js
@@ -0,0 +1,54 @@
+export default {
+  props: {
+    things: ['a', 'b', 'c']
+  },
+
+  test({ assert, component, target, window, raf }) {
+    component.things = [];
+    let div = target.querySelector('div');
+    assert.equal(div.foo, 0);
+
+    raf.tick(200);
+    assert.equal(div.foo, 0.5);
+
+    raf.tick(300);
+    assert.equal(div.foo, 0.75);
+
+    raf.tick(400);
+    assert.equal(div.foo, 1);
+
+    raf.tick(600);
+    component.things = ['a', 'b', 'c'];
+
+    raf.tick(700);
+    assert.equal(div.foo, 1);
+    assert.equal(div.bar, 0.75);
+
+    raf.tick(800);
+    assert.equal(div.foo, 1);
+    assert.equal(div.bar, 0.5);
+
+    raf.tick(900);
+    assert.equal(div.foo, 1);
+    assert.equal(div.bar, 0.25);
+
+    // test outro before intro complete
+    raf.tick(1000);
+    component.things = [];
+    div = target.querySelector('div');
+
+    raf.tick(1200);
+    assert.equal(div.foo, 0.5);
+
+    component.things = ['a', 'b', 'c'];
+    raf.tick(1300);
+    assert.equal(div.foo, 0.75);
+    assert.equal(div.bar, 0.75);
+
+    raf.tick(1400);
+    assert.equal(div.foo, 1);
+    assert.equal(div.bar, 0.5);
+
+    raf.tick(2000);
+  }
+};
\ No newline at end of file
diff --git a/test/runtime/samples/transition-js-each-else-block-intro-outro/main.svelte b/test/runtime/samples/transition-js-each-else-block-intro-outro/main.svelte
new file mode 100644
index 0000000000..c97a916a04
--- /dev/null
+++ b/test/runtime/samples/transition-js-each-else-block-intro-outro/main.svelte
@@ -0,0 +1,27 @@
+<script>
+	export let things;
+
+	function foo(node, params) {
+		return {
+			duration: 400,
+			tick: t => {
+				node.foo = t;
+			}
+		};
+	}
+
+  function bar(node, params) {
+    return {
+      duration: 400,
+      tick: t => {
+        node.bar = t;
+      }
+    };
+  }
+</script>
+
+{#each things as thing}
+  <p>{thing}</p>
+  {:else}
+  <div in:foo out:bar>else</div>
+{/each}
\ No newline at end of file
diff --git a/test/runtime/samples/transition-js-each-else-block-intro/_config.js b/test/runtime/samples/transition-js-each-else-block-intro/_config.js
new file mode 100644
index 0000000000..4840bb09da
--- /dev/null
+++ b/test/runtime/samples/transition-js-each-else-block-intro/_config.js
@@ -0,0 +1,22 @@
+export default {
+  props: {
+    things: ['a', 'b', 'c']
+  },
+
+  test({ assert, component, target, window, raf }) {
+    component.things = [];
+    const div = target.querySelector('div');
+    assert.equal(div.foo, 0);
+
+    raf.tick(200);
+    assert.equal(div.foo, 0.5);
+
+    raf.tick(300);
+    assert.equal(div.foo, 0.75);
+
+    raf.tick(400);
+    assert.equal(div.foo, 1);
+
+    raf.tick(500);
+  }
+};
\ No newline at end of file
diff --git a/test/runtime/samples/transition-js-each-else-block-intro/main.svelte b/test/runtime/samples/transition-js-each-else-block-intro/main.svelte
new file mode 100644
index 0000000000..eb3d4ad0d7
--- /dev/null
+++ b/test/runtime/samples/transition-js-each-else-block-intro/main.svelte
@@ -0,0 +1,18 @@
+<script>
+	export let things;
+
+	function foo(node, params) {
+		return {
+			duration: 400,
+			tick: t => {
+				node.foo = t;
+			}
+		};
+	}
+</script>
+
+{#each things as thing}
+  <p>{thing}</p>
+  {:else}
+  <div in:foo>else</div>
+{/each}
\ No newline at end of file
diff --git a/test/runtime/samples/transition-js-each-else-block-outro/_config.js b/test/runtime/samples/transition-js-each-else-block-outro/_config.js
new file mode 100644
index 0000000000..11b1b387c0
--- /dev/null
+++ b/test/runtime/samples/transition-js-each-else-block-outro/_config.js
@@ -0,0 +1,20 @@
+export default {
+  props: {
+    things: []
+  },
+  test({ assert, component, target, window, raf }) {
+    const div = target.querySelector('div');
+    component.things = ['a', 'b', 'c'];
+
+    raf.tick(200);
+    assert.equal(div.foo, 0.5);
+
+    raf.tick(300);
+    assert.equal(div.foo, 0.25);
+
+    raf.tick(400);
+    assert.equal(div.foo, 0);
+
+    raf.tick(500);
+  }
+};
\ No newline at end of file
diff --git a/test/runtime/samples/transition-js-each-else-block-outro/main.svelte b/test/runtime/samples/transition-js-each-else-block-outro/main.svelte
new file mode 100644
index 0000000000..72e91bb016
--- /dev/null
+++ b/test/runtime/samples/transition-js-each-else-block-outro/main.svelte
@@ -0,0 +1,18 @@
+<script>
+	export let things;
+
+	function foo(node, params) {
+		return {
+			duration: 400,
+			tick: t => {
+				node.foo = t;
+			}
+		};
+	}
+</script>
+
+{#each things as thing}
+  <p>{thing}</p>
+{:else}
+  <div out:foo>else</div>
+{/each}
\ No newline at end of file