From 8fcf27ab8ce41d2e8d7cf7c624f42358dca92492 Mon Sep 17 00:00:00 2001
From: Ben Weller <ben@e9hq.com>
Date: Sun, 19 Jul 2020 09:13:32 -0500
Subject: [PATCH] add test for <select multiple>

---
 test/core/ajax.js | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/test/core/ajax.js b/test/core/ajax.js
index efdb738c..eb6265f3 100644
--- a/test/core/ajax.js
+++ b/test/core/ajax.js
@@ -317,6 +317,42 @@ describe("Core htmx AJAX Tests", function(){
             done();
         }, 20);
     });
+    it('properly handles multiple select input', function()
+    {
+        var values;
+        this.server.respondWith("Post", "/test", function (xhr) {
+            values = getParameters(xhr);
+            xhr.respond(204, {}, "");
+        });
+
+        var form = make('<form hx-post="/test" hx-trigger="click">' +
+            '<select id="multiSelect" name="multiSelect" multiple="multiple">'+
+            '<option id="m1" value="m1">m1</option>'+
+            '<option id="m2" value="m2">m2</option>'+
+            '<option id="m3" value="m3">m3</option>'+
+            '<option id="m4" value="m4">m4</option>'+
+            '</form>');
+
+        form.click();
+        this.server.respond();
+        console.log(values)
+        values.should.deep.equal({});
+
+        byId("m1").selected = true;
+        form.click();
+        this.server.respond();
+        console.log(values)
+        values.should.deep.equal({multiSelect:"m1"});
+
+
+        byId("m1").selected = true;
+        byId("m3").selected = true;
+        form.click();
+        this.server.respond();
+        console.log(values)
+        values.should.deep.equal({multiSelect:["m1", "m3"]});
+
+    });
 
     it('properly handles checkbox inputs', function()
     {