zulip/frontend_tests/puppeteer_tests/00-realm-creation.js

69 lines
2.9 KiB
JavaScript

"use strict";
const assert = require("assert").strict;
const common = require("../puppeteer_lib/common");
const email = "alice@test.example.com";
const subdomain = "testsubdomain";
const organization_name = "Awesome Organization";
const host = "zulipdev.com:9981";
async function realm_creation_tests(page) {
await page.goto("http://" + host + "/new/");
// submit the email for realm creation.
await page.waitForSelector("#email");
await page.type("#email", email);
await Promise.all([
page.waitForNavigation(),
page.$eval("#send_confirm", (form) => form.submit()),
]);
// Make sure onfirmation email is sent.
assert(page.url().includes("/accounts/new/send_confirm/" + email));
// Special endpoint enabled only during tests for extracting confirmation key
await page.goto("http://" + host + "/confirmation_key/");
// Open the confirmation URL
const page_content = await page.evaluate(() => document.querySelector("body").innerText);
const confirmation_key = await JSON.parse(page_content).confirmation_key;
const confirmation_url = "http://" + host + "/accounts/do_confirm/" + confirmation_key;
await page.goto(confirmation_url);
// We wait until the DOMContentLoaded event because we want the code
// that focuses the first input field to run before we run our tests to avoid
// flakes. Without waiting for DOMContentLoaded event, in rare cases, the
// first input is focused when we are typing something for other fields causing
// validation errors. The code for focusing the input is wrapped in jQuery
// $() calls which runs when DOMContentLoaded is fired.
await page.waitForNavigation({waitUntil: "domcontentloaded"});
// Make sure the realm creation page is loaded correctly by
// checking the text in <p> tag under pitch class is as expected.
await page.waitForSelector(".pitch");
const text_in_pitch = await page.evaluate(() => document.querySelector(".pitch p").innerText);
assert(text_in_pitch === "You’re almost there! We just need you to do one last thing.");
// fill the form.
const params = {
realm_name: organization_name,
realm_subdomain: subdomain,
full_name: "Alice",
password: "passwordwhichisnotreallycomplex",
terms: true,
};
// For some reason, page.click() does not work this for particular checkbox
// so use page.$eval here to call the .click method in the browser.
await page.$eval("#realm_in_root_domain", (el) => el.click());
await common.fill_form(page, "#registration", params);
await page.$eval("#registration", (form) => form.submit());
// Check if realm is created and user is logged in by checking if
// element of id `lightbox_overlay` exists.
await page.waitForSelector("#lightbox_overlay"); // if element doesn't exist,timeout error raises
}
common.run_test(realm_creation_tests);