Filipe Lourenco : Multistep login pages help

According to the type of page, the Multistep login can defer. The JS should be separated on the MP if the pages have different steps, as for example, click on the button will open a new directory.

Case 1:

URL

https://staging-beta.truecomp.co.uk/login

Step 1:
Click on button to proceed (selector > next type of selector > click on button selector )

document.querySelector("#login .login-identifier > form > button").click();

Step 2:
User login

MonsidoLogin.setInputValue(document.querySelector('#username'), '{{USERNAME}}');
document.querySelector('button[type=submit]').click();

Step 3:
Pass login

MonsidoLogin.setInputValue(document.querySelector('#password'), '{{PASSWORD}}');
document.querySelector('button[type=submit]').click();

Case 2:

URL

https://www.cusdk8.org/login

Step 1:
Set username and button click using selectors

MonsidoLogin.setInputValue(document.querySelector("input[name=usernameCheck]"), "{USERNAME}");
document.querySelector("input[name=commit]").click();

Step 2:
Set identifier selector and password + button click with an interval timeout

document.querySelector("#identifierNext > div > button").click();
setTimeout(function() {
  MonsidoLogin.setInputValue(document.querySelector("input[name=password]"), "{PASSWORD}");
  document.querySelector("#passwordNext > div > button").click();
}, 5000);

Case 3:

URL	https://www.eatrightpro.org/
Step 1: Click on button on homepage	document.querySelector(".header-main__links .lg-only .button").click();
Step 2: Set username + click on button	MonsidoLogin.setInputValue(document.querySelector("#UserName"), '{USERNAME}'); document.querySelector('button[type=submit]').click();
Step 3: Set pass + click on button	MonsidoLogin.setInputValue(document.querySelector('#Password'), '{PASSWORD}'); document.querySelector('button[type=submit]').click();

Case 4:

URL

https://monsidotest.neocities.org/

Step 1:
Click on button

document.querySelector(".header .navbar .btn").click();

Step 2:
set username and password + button click based on selectors

MonsidoLogin.setInputValue(document.querySelector('input[id="username-input"]'), '{USERNAME}');
MonsidoLogin.setInputValue(document.querySelector('input[id="password-input"]'), '{PASSWORD}');
document.querySelector("#submit-button").click();

URL

https://monsidotest.neocities.org/

Steps:
Completes with timeout

window.MonsidoLogin.setInputValue(document.querySelector('#textfield-1011-inputEl'), 'monsidoScan');
setTimeout(function () {
document.querySelector('#button-1015-tooltipEl').click();
setTimeout(function () {
 window.MonsidoLogin.setInputValue(document.querySelector("#textfield-1018-inputEl"), "H4V2PaJ/,oa-D595LHN,PeV$kqZ.~");
        setTimeout(function () {
            document.querySelector("#button-1022-tooltipEl").click();
        }, 500);
    }, 500);
}, 500);