Add functional test for repeated form elements. Passes in casper but fails in browser.

daines · daines · commit b5ec5494ef3d · 2014-02-03T12:00:14.000-05:00
diff --git a/test/functional/fixtures/repeated-form-elements.html b/test/functional/fixtures/repeated-form-elements.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Repeated form elements</title>
+        <meta charset="utf-8">
+        <script src="../../../dist/vue.js"></script>
+    </head>
+    <body>
+        <form id="form">
+            <p v-repeat="items"><input type="text" name="text{{$index}}" v-model="text"></p>
+            <button v-on="click: add" id="add">Add</button>
+            <p id="texts">{{texts}}</p>
+        </form>
+        <script>
+            var app = new Vue({
+                el: '#form',
+                data: {
+                    items: [
+                        { text: "a" },
+                        { text: "b" }
+                    ]
+                },
+                methods: {
+                    add: function(e) {
+                        this.items.push({ text: "c" });
+                        e.preventDefault();
+                    }
+                },
+                computed: {
+                    texts: {
+                        $get: function () {
+                            return this.items.map(function(item) { return item.text; }).join(",");
+                        }
+                    }
+                }
+            })
+        </script>
+    </body>
+</html>
diff --git a/test/functional/specs/repeated-form-elements.js b/test/functional/specs/repeated-form-elements.js
@@ -0,0 +1,26 @@
+casper.test.begin('Repeated form elements', 4, function (test) {
+    
+    casper
+    .start('./fixtures/repeated-form-elements.html')
+    .then(function () {
+        test.assertSelectorHasText('#texts', 'a,b')
+    })
+    .thenClick('#add', function () {
+        test.assertSelectorHasText('#texts', 'a,b,c')
+    })
+    .then(function () {
+        this.fill('#form', {
+            "text0": 'd',
+            "text1": 'e',
+            "text2": 'f',
+        })
+    })
+    .then(function () {
+        test.assertField('text0', 'd')
+        test.assertSelectorHasText('#texts', 'd,e,f')
+    })
+    .run(function () {
+        test.done()
+    })
+
+})
