mirror of
https://github.com/zulip/zulip.git
synced 2025-11-03 05:23:35 +00:00
cf8d8db132
In previous commits, we updated the realm creation flow to show the realm name, type and subdomain fields in the first form when asking for the email of the user. This commit updates the user registration form to show the already filled realm details as non-editable text and there is also a button to edit the realm details before registration. We also update the sub-heading for user registration form as mentioned in the issue. Fixes part of #24307.
73 lines
3.1 KiB
TypeScript
73 lines
3.1 KiB
TypeScript
import {strict as assert} from "assert";
|
|
|
|
import type {Page} from "puppeteer";
|
|
|
|
import * as common from "./lib/common";
|
|
|
|
const email = "alice@test.example.com";
|
|
const organization_name = "Awesome Organization";
|
|
const host = "zulipdev.com:9981";
|
|
|
|
async function realm_creation_tests(page: Page): Promise<void> {
|
|
await page.goto("http://" + host + "/new/");
|
|
|
|
// submit the email for realm creation.
|
|
await page.waitForSelector("#email");
|
|
await page.type("#email", email);
|
|
await page.type("#id_team_name", organization_name);
|
|
await page.$eval("#realm_in_root_domain", (el) => (el as HTMLInputElement).click());
|
|
|
|
await Promise.all([
|
|
page.waitForNavigation(),
|
|
page.$eval("#create_realm", (form) => (form as HTMLFormElement).submit()),
|
|
]);
|
|
|
|
// Make sure confirmation email is sent.
|
|
assert.ok(page.url().includes("/accounts/new/send_confirm/?email=alice%40test.example.com"));
|
|
|
|
// 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")!.textContent);
|
|
const confirmation_key: string = 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")!.textContent,
|
|
);
|
|
assert.equal(text_in_pitch, "Enter your account details to complete registration.");
|
|
|
|
// fill the form.
|
|
const params = {
|
|
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 common.fill_form(page, "#registration", params);
|
|
await page.$eval("#registration", (form) => (form as HTMLFormElement).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
|
|
|
|
// Updating common.realm_url because we are redirecting to it when logging out.
|
|
common.set_realm_url(page.url());
|
|
}
|
|
|
|
common.run_test(realm_creation_tests);
|