add animation validation tests

src/validate/html/validateElement.ts

@@ -247,7 +247,7 @@ export default function validateElement(
 			}
 
 			const parent = stack[stack.length - 1];
-			if (parent.type !== 'EachBlock' || !parent.key) {
+			if (!parent || parent.type !== 'EachBlock' || !parent.key) {
 				// TODO can we relax the 'immediate child' rule?
 				validator.error(attribute, {
 					code: `invalid-animation`,

test/validator/samples/animation-duplicate/errors.json

@@ -0,0 +1,15 @@
+[{
+	"code": "duplicate-animation",
+	"message": "An element can only have one 'animate' directive",
+	"start": {
+		"line": 2,
+		"column": 18,
+		"character": 50
+	},
+	"end": {
+		"line": 2,
+		"column": 29,
+		"character": 61
+	},
+	"pos": 50
+}]

test/validator/samples/animation-duplicate/input.html

@@ -0,0 +1,17 @@
+{#each things as thing (thing)}
+	<div animate:foo animate:bar></div>
+{/each}
+
+<script>
+	export default {
+		animations: {
+			foo(node, animation, params) {
+				// ...
+			},
+
+			bar(node, animation, params) {
+				// ...
+			}
+		}
+	};
+</script>

test/validator/samples/animation-missing/errors.json

@@ -0,0 +1,15 @@
+[{
+	"code": "missing-animation",
+	"message": "Missing animation 'foo'",
+	"start": {
+		"line": 2,
+		"column": 6,
+		"character": 38
+	},
+	"end": {
+		"line": 2,
+		"column": 17,
+		"character": 49
+	},
+	"pos": 38
+}]

test/validator/samples/animation-missing/input.html

@@ -0,0 +1,3 @@
+{#each things as thing (thing)}
+	<div animate:foo></div>
+{/each}

test/validator/samples/animation-not-in-each/errors.json

@@ -0,0 +1,15 @@
+[{
+	"code": "invalid-animation",
+	"message": "An element that use the animate directive must be the immediate child of a keyed each block",
+	"start": {
+		"line": 1,
+		"column": 5,
+		"character": 5
+	},
+	"end": {
+		"line": 1,
+		"column": 16,
+		"character": 16
+	},
+	"pos": 5
+}]

test/validator/samples/animation-not-in-each/input.html

@@ -0,0 +1,11 @@
+<div animate:foo></div>
+
+<script>
+	export default {
+		animations: {
+			foo(node, animation, params) {
+				// ...
+			}
+		}
+	};
+</script>

test/validator/samples/animation-not-in-keyed-each/errors.json

@@ -0,0 +1,15 @@
+[{
+	"code": "invalid-animation",
+	"message": "An element that use the animate directive must be the immediate child of a keyed each block",
+	"start": {
+		"line": 2,
+		"column": 6,
+		"character": 30
+	},
+	"end": {
+		"line": 2,
+		"column": 17,
+		"character": 41
+	},
+	"pos": 30
+}]

test/validator/samples/animation-not-in-keyed-each/input.html

@@ -0,0 +1,14 @@
+{#each things as thing}
+	<div animate:foo></div>
+	<div animate:foo></div>
+{/each}
+
+<script>
+	export default {
+		animations: {
+			foo(node, animation, params) {
+				// ...
+			}
+		}
+	};
+</script>

test/validator/samples/animation-siblings/errors.json

@@ -0,0 +1,15 @@
+[{
+	"code": "invalid-animation",
+	"message": "An element that use the animate directive must be the sole child of a keyed each block",
+	"start": {
+		"line": 2,
+		"column": 6,
+		"character": 38
+	},
+	"end": {
+		"line": 2,
+		"column": 17,
+		"character": 49
+	},
+	"pos": 38
+}]

test/validator/samples/animation-siblings/input.html

@@ -0,0 +1,14 @@
+{#each things as thing (thing)}
+	<div animate:foo></div>
+	<div animate:foo></div>
+{/each}
+
+<script>
+	export default {
+		animations: {
+			foo(node, animation, params) {
+				// ...
+			}
+		}
+	};
+</script>