test: add form

test-forms/index.json

@@ -548,5 +548,6 @@
   { "html": "accounts_oneplus_login.html"},
   { "html": "google_password_manager_search.html"},
   { "html": "paperlesspost_login.html"},
-  { "html": "deltamath_reset_password.html"}
+  { "html": "deltamath_reset_password.html"},
+  { "html": "sleeper_com_signup.html", "expectedSubmitFalseNegatives": 1 }
 ]

test-forms/sleeper_com_signup.html

@@ -0,0 +1,53 @@
+<div class="sign-up-form">
+    <div class="box-text-input error"><label>username</label>
+        <div class="input-container"><input type="text" placeholder="Enter new username" spellcheck="false"
+                maxlength="15" value="" data-ddg-inputtype="username">
+            <div class="message-indicator"><img src="https://sleepercdn.com/images/v2/validation/icon_error.png"></div>
+            <div class="bottom-border">
+                <div class="animated-border" style="height: 2px;">
+                    <div class="filling" style="height: 2px; background-color: rgb(255, 43, 109);"></div>
+                </div>
+            </div>
+        </div>
+        <div class="input-message">Please enter an username</div>
+    </div>
+    <div class="box-text-input"><label>email or phone</label>
+        <div class="input-container"><input type="text" placeholder="Enter email or phone number" spellcheck="false"
+                value="" data-manual-scoring="emailAddress">
+            <div class="message-indicator"></div>
+            <div class="bottom-border">
+                <div class="animated-border" style="height: 2px;">
+                    <div class="filling" style="height: 2px; background-color: transparent;"></div>
+                </div>
+            </div>
+        </div>
+        <div class="input-message"></div>
+    </div>
+    <div class="box-text-input"><label>password</label>
+        <div class="input-container"><input type="password" placeholder="Set a password" spellcheck="false" value=""
+                data-manual-scoring="password.new">
+            <div class="password-toggle"><i class="fa fa-eye"></i></div>
+            <div class="message-indicator"></div>
+            <div class="bottom-border">
+                <div class="animated-border" style="height: 2px;">
+                    <div class="filling" style="height: 2px; background-color: transparent;"></div>
+                </div>
+            </div>
+        </div>
+        <div class="input-message"></div>
+    </div>
+    <div style="margin-left: 20px;">
+        <div class="password-rules-container ">
+            <div class="password-rules-text "><img src="https://sleepercdn.com/images/v2/icons/check.png">must not
+                contain your email</div>
+            <div class="password-rules-text "><img src="https://sleepercdn.com/images/v2/icons/check.png">have at least
+                8 characters</div>
+            <div class="password-rules-text "><img src="https://sleepercdn.com/images/v2/icons/check.png">have 2 of the
+                following:</div>
+            <div class="password-rules-text indent ">• 1 letter (case sensitive)</div>
+            <div class="password-rules-text indent ">• 1 number</div>
+            <div class="password-rules-text indent ">• 1 special character (i.e. ! @ # $ % ^ &amp; *)</div>
+        </div>
+    </div>
+    <div class="app-button-gradient sign-up-button" data-manual-submit>Continue</div>
+</div>