Test variant for Banking information page

Help me build a test on our existing application

Overview

We would like to develop a test for the banking information page on the SwipeSimple Connect application.

This

⁠

HTML

file (saved as html from chrome)

⁠

app-html.zip

19.9 kB

⁠

snippet (from view source)

<!DOCTYPE html><body>

<head>

<meta

name="description"

content="SwipeSimple Connect application site"

<div id="root"><div class="sc-iXzfSG iTcumk"><img src="images/Connect-Logo-Application.png"></div><div class="sc-lnPyaJ kccPCo"><div class="sc-gFVvzn hfulZ"><div class="sc-JrDLc fqrvbe"><div class="sc-fjvvzt hCsHZz"><h2 class="sc-bbSZdi ixRNCi">Business Information</h2><div class="sc-fXSgeo cZeoxa"></div></div><div class="sc-fjvvzt hCsHZz"><h2 class="sc-bbSZdi ixRNCi">Owner Details</h2><div class="sc-fXSgeo cZeoxa"></div></div><div class="sc-fjvvzt hCsHZz"><h2 class="sc-bbSZdi ixRNCi">Transaction Details</h2><div class="sc-fXSgeo cZeoxa"></div></div><div class="sc-fjvvzt hCsHZz"><h2 class="sc-bbSZdi ezDMXv">Banking Information</h2><div class="sc-fXSgeo ebOZVr"></div></div><div class="sc-fjvvzt hCsHZz"><h2 class="sc-bbSZdi ixRNCi">Review & Submit</h2><div class="sc-fXSgeo cZeoxa"></div></div></div></div><div class="sc-kAkpmW WZfxG"><p class="sc-esYiGF jjAuDr">Where will proceeds from payments accepted through SwipeSimple be deposited?</p><div class="sc-cwHptR iYTjeX"><h2 class="sc-jEACwC jiuccw">Banking Information</h2><div class="sc-fUnMCh iQgWwN"><div class="sc-hzhJZQ ldGyWM">By providing banking information, you are authorizing us to initiate ACH debit and credit transactions to the account.</div><div class="sc-hzhJZQ ldGyWM"><div class="sc-dcJsrY iZuwoR sc-hmdomO kVLPQA"><label class="sc-fqkvVR eIUNOj" for="routingNumber">Bank Routing Number<span class="sc-eqUAAy cSdSMV">*</span></label><div class="sc-gsFSXq cpixSY"><div class="sc-iGgWBj dhptHA"><input class="sc-jXbUNg jVSxJe sc-hmdomO kVLPQA" id="routingNumber" required="" inputmode="numeric" value=""><div class="sc-kAyceB kfvLsA"><div class="sc-cmaqmh gvYaNR"><div class="sc-eZkCL dmIlBn"><svg width="1em" height="1em" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 2a14 14 0 1 0 0 28 14 14 0 0 0 0-28Zm0 26a12 12 0 1 1 0-24 12 12 0 0 1 0 24Z" fill="#3D3F40"></path><path d="M16 25a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM17 8h-1.5a4.49 4.49 0 0 0-4.5 4.5v.5h2v-.5a2.5 2.5 0 0 1 2.5-2.5H17a2.5 2.5 0 0 1 0 5h-2v4.5h2V17a4.5 4.5 0 1 0 0-9Z" fill="#3D3F40"></path></svg></div><div class="sc-ggpjZQ fuEZBu">A routing number is a nine-digit code used to identify a bank, commonly found on the bottom-left corner of a check.</div></div></div></div></div><div class="sc-dAbbOL kCpvAr"><div class="sc-feUZmu bGDTpF"></div></div></div><div class="sc-dAbbOL kCpvAr sc-eeDRCY iwneys"><div class="sc-feUZmu bGDTpF"></div></div></div><div class="sc-hzhJZQ ldGyWM"><div class="sc-dcJsrY iZuwoR sc-bXCLTC cVoSXi"><label class="sc-fqkvVR eIUNOj" for="accountNumber">Account Number<span class="sc-eqUAAy cSdSMV">*</span></label><div class="sc-gsFSXq cpixSY"><div class="sc-iGgWBj dhptHA"><input class="sc-jXbUNg jVSxJe sc-bXCLTC cVoSXi" id="accountNumber" required="" type="text" inputmode="numeric" value=""><div class="sc-kAyceB kfvLsA"><div role="button" tabindex="0"><svg width="1em" height="1em" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m5.24 22.51 1.43-1.42A14.06 14.06 0 0 1 3.07 16C5.1 10.93 10.7 7 16 7a12.38 12.38 0 0 1 4 .72l1.55-1.56A14.72 14.72 0 0 0 16 5 16.69 16.69 0 0 0 1.06 15.66a1 1 0 0 0 0 .68 16 16 0 0 0 4.18 6.17Z" fill="#3D3F40"></path><path d="M12 15.73a4 4 0 0 1 3.7-3.7l1.81-1.82a6 6 0 0 0-7.33 7.33L12 15.73Zm18.94-.07a16.4 16.4 0 0 0-5.74-7.44L30 3.41 28.59 2 2 28.59 3.41 30l5.1-5.1A15.29 15.29 0 0 0 16 27a16.69 16.69 0 0 0 14.94-10.66 1 1 0 0 0 0-.68ZM20 16a4 4 0 0 1-6 3.44L19.44 14a4 4 0 0 1 .56 2Zm-4 9a13.049 13.049 0 0 1-6-1.58l2.54-2.54a6 6 0 0 0 8.35-8.35l2.87-2.87A14.54 14.54 0 0 1 28.93 16C26.9 21.07 21.3 25 16 25Z" fill="#3D3F40"></path></svg></div></div></div></div><div class="sc-dAbbOL kCpvAr"><div class="sc-feUZmu bGDTpF"></div></div></div><div class="sc-dcJsrY iZuwoR sc-bXCLTC cVoSXi"><label class="sc-fqkvVR eIUNOj" for="confirmAccountNumber">Confirm Account Number<span class="sc-eqUAAy cSdSMV">*</span></label><div class="sc-gsFSXq cpixSY"><div class="sc-iGgWBj dhptHA"><input class="sc-jXbUNg jVSxJe sc-bXCLTC cVoSXi" id="confirmAccountNumber" required="" type="text" inputmode="numeric" value=""><div class="sc-kAyceB kfvLsA"><div role="button" tabindex="0"><svg width="1em" height="1em" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m5.24 22.51 1.43-1.42A14.06 14.06 0 0 1 3.07 16C5.1 10.93 10.7 7 16 7a12.38 12.38 0 0 1 4 .72l1.55-1.56A14.72 14.72 0 0 0 16 5 16.69 16.69 0 0 0 1.06 15.66a1 1 0 0 0 0 .68 16 16 0 0 0 4.18 6.17Z" fill="#3D3F40"></path><path d="M12 15.73a4 4 0 0 1 3.7-3.7l1.81-1.82a6 6 0 0 0-7.33 7.33L12 15.73Zm18.94-.07a16.4 16.4 0 0 0-5.74-7.44L30 3.41 28.59 2 2 28.59 3.41 30l5.1-5.1A15.29 15.29 0 0 0 16 27a16.69 16.69 0 0 0 14.94-10.66 1 1 0 0 0 0-.68ZM20 16a4 4 0 0 1-6 3.44L19.44 14a4 4 0 0 1 .56 2Zm-4 9a13.049 13.049 0 0 1-6-1.58l2.54-2.54a6 6 0 0 0 8.35-8.35l2.87-2.87A14.54 14.54 0 0 1 28.93 16C26.9 21.07 21.3 25 16 25Z" fill="#3D3F40"></path></svg></div></div></div></div><div class="sc-dAbbOL kCpvAr"><div class="sc-feUZmu bGDTpF"></div></div></div></div></div></div><div class="sc-eDPEul jbtkIR"><button data-id="banking-back-button" class="sc-dAlyuH inzDue banking-back-button">Back</button><button data-id="banking-next-button" class="sc-dAlyuH bARhRX banking-next-button">Next</button></div></div></div></div>

</body>

</html>

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.