From d503fd51ec4df9e97979c65cc291d27a867bc158 Mon Sep 17 00:00:00 2001
From: Luke Wilde <lukew@serenityos.org>
Date: Tue, 14 Nov 2023 00:13:50 +0000
Subject: [PATCH] LibWeb: Add test for valueAsNumber

---
 .../HTML/HTMLInputElement-valueAsNumber.txt   | 46 +++++++++++++++++
 .../HTML/HTMLInputElement-valueAsNumber.html  | 49 +++++++++++++++++++
 2 files changed, 95 insertions(+)
 create mode 100644 Tests/LibWeb/Text/expected/HTML/HTMLInputElement-valueAsNumber.txt
 create mode 100644 Tests/LibWeb/Text/input/HTML/HTMLInputElement-valueAsNumber.html

diff --git a/Tests/LibWeb/Text/expected/HTML/HTMLInputElement-valueAsNumber.txt b/Tests/LibWeb/Text/expected/HTML/HTMLInputElement-valueAsNumber.txt
new file mode 100644
index 0000000000..255424fda4
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/HTML/HTMLInputElement-valueAsNumber.txt
@@ -0,0 +1,46 @@
+   valueAsNumber getter:
+hidden: NaN
+text: NaN
+search: NaN
+tel: NaN
+url: NaN
+email: NaN
+password: NaN
+date: NaN
+month: NaN
+week: NaN
+time: NaN
+datetime-local: NaN
+number: 100
+range: 100
+color: NaN
+checkbox: NaN
+radio: NaN
+file: NaN
+submit: NaN
+image: NaN
+reset: NaN
+button: NaN
+valueAsNumber setter:
+hidden threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+text threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+search threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+tel threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+url threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+email threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+password threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+date did not throw: NaN
+month did not throw: NaN
+week did not throw: NaN
+time did not throw: NaN
+datetime-local threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+number did not throw: 100
+range did not throw: 100
+color threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+checkbox threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+radio threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+file threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+submit threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+image threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+reset threw exception: InvalidStateError: valueAsNumber: Invalid input type used
+button threw exception: InvalidStateError: valueAsNumber: Invalid input type used
\ No newline at end of file
diff --git a/Tests/LibWeb/Text/input/HTML/HTMLInputElement-valueAsNumber.html b/Tests/LibWeb/Text/input/HTML/HTMLInputElement-valueAsNumber.html
new file mode 100644
index 0000000000..60042211e5
--- /dev/null
+++ b/Tests/LibWeb/Text/input/HTML/HTMLInputElement-valueAsNumber.html
@@ -0,0 +1,49 @@
+<input id="input-element" value="100" style="display: none;" />
+<script src="../include.js"></script>
+<script>
+    test(() => {
+        const inputElement = document.getElementById("input-element");
+
+        const allInputTypes = [
+            "hidden",
+            "text",
+            "search",
+            "tel",
+            "url",
+            "email",
+            "password",
+            "date",
+            "month",
+            "week",
+            "time",
+            "datetime-local",
+            "number",
+            "range",
+            "color",
+            "checkbox",
+            "radio",
+            "file",
+            "submit",
+            "image",
+            "reset",
+            "button",
+        ];
+
+        println("valueAsNumber getter:");
+        for (const type of allInputTypes) {
+            inputElement.type = type;
+            println(`${type}: ${inputElement.valueAsNumber}`);
+        }
+
+        println("valueAsNumber setter:");
+        for (const type of allInputTypes) {
+            try {
+                inputElement.type = type;
+                inputElement.valueAsNumber = 100;
+                println(`${type} did not throw: ${inputElement.valueAsNumber}`);
+            } catch (e) {
+                println(`${type} threw exception: ${e.name}: ${e.message}`);
+            }
+        }
+    });
+</script>