mirror of
https://github.com/zulip/zulip.git
synced 2025-11-12 18:06:44 +00:00
4ad592ed4f
Since do_create_realm also creates general and core team streams, we rename general to verona right after the realm is created. Mostly because we dont really want two additional streams and this might probably make it easy to review things. There are puppeteer test changes because, we have a new "core team" stream in tests as well as there is a new default notification stream "Verona". Because of this tests in message-basics for example have to be changed since the newly added core team affects the order in which we navigate through the streams using arrow keys. The extra await for selector was added in subscriptions test to make the tests wait. Without the await the tests were passing ocassionally and failing in some other times. Fixes #6967
402 lines
16 KiB
TypeScript
402 lines
16 KiB
TypeScript
import {strict as assert} from "assert";
|
|
|
|
import type {Page} from "puppeteer";
|
|
|
|
import common from "../puppeteer_lib/common";
|
|
|
|
async function submit_notifications_stream_settings(page: Page): Promise<void> {
|
|
await page.waitForSelector('#org-submit-notifications[data-status="unsaved"]', {visible: true});
|
|
|
|
const save_button = "#org-submit-notifications";
|
|
assert.strictEqual(
|
|
await common.get_text_from_selector(page, save_button),
|
|
"Save changes",
|
|
"Save button has incorrect text.",
|
|
);
|
|
await page.click(save_button);
|
|
|
|
await page.waitForSelector('#org-submit-notifications[data-status="saved"]', {visible: true});
|
|
assert.strictEqual(
|
|
await common.get_text_from_selector(page, "#org-submit-notifications"),
|
|
"Saved",
|
|
"Saved text didn't appear after saving new stream notifications setting",
|
|
);
|
|
|
|
await page.waitForSelector("#org-submit-notifications", {hidden: true});
|
|
}
|
|
|
|
async function test_change_new_stream_notifications_setting(page: Page): Promise<void> {
|
|
await page.click("#realm_notifications_stream_id_widget button.dropdown-toggle");
|
|
await page.waitForSelector("#realm_notifications_stream_id_widget ul.dropdown-menu", {
|
|
visible: true,
|
|
});
|
|
|
|
await page.type(
|
|
"#realm_notifications_stream_id_widget .dropdown-search > input[type=text]",
|
|
"rome",
|
|
);
|
|
|
|
const verona_in_dropdown = await page.waitForXPath(
|
|
'//*[@id="realm_notifications_stream_id_widget"]//*[@class="dropdown-list-body"]/li[1]',
|
|
{visible: true},
|
|
);
|
|
await verona_in_dropdown!.click();
|
|
|
|
await submit_notifications_stream_settings(page);
|
|
|
|
const disable_stream_notifications =
|
|
"#realm_notifications_stream_id_widget .dropdown_list_reset_button";
|
|
await page.waitForSelector(disable_stream_notifications, {visible: true});
|
|
await page.click(disable_stream_notifications);
|
|
await submit_notifications_stream_settings(page);
|
|
}
|
|
|
|
async function test_change_signup_notifications_stream(page: Page): Promise<void> {
|
|
console.log('Changing signup notifications stream to Verona by filtering with "verona"');
|
|
|
|
await page.click("#id_realm_signup_notifications_stream_id > button.dropdown-toggle");
|
|
await page.waitForSelector(
|
|
"#realm_signup_notifications_stream_id_widget .dropdown-search > input[type=text]",
|
|
{visible: true},
|
|
);
|
|
|
|
await page.type(
|
|
"#realm_signup_notifications_stream_id_widget .dropdown-search > input[type=text]",
|
|
"verona",
|
|
);
|
|
await page.waitForSelector(
|
|
"#realm_signup_notifications_stream_id_widget .dropdown-list-body > li.list_item",
|
|
{visible: true},
|
|
);
|
|
await page.keyboard.press("ArrowDown");
|
|
await page.keyboard.press("Enter");
|
|
await submit_notifications_stream_settings(page);
|
|
|
|
const disable_signup_notifications =
|
|
"#realm_signup_notifications_stream_id_widget .dropdown_list_reset_button";
|
|
await page.click(disable_signup_notifications);
|
|
await submit_notifications_stream_settings(page);
|
|
}
|
|
|
|
async function test_permissions_change_save_worked(page: Page): Promise<void> {
|
|
const saved_status = '#org-submit-stream-permissions[data-status="saved"]';
|
|
await page.waitForSelector(saved_status, {
|
|
visible: true,
|
|
});
|
|
await page.waitForSelector(saved_status, {hidden: true});
|
|
}
|
|
|
|
async function submit_stream_permissions_change(page: Page): Promise<void> {
|
|
const save_button = "#org-submit-stream-permissions";
|
|
await page.waitForSelector(save_button, {visible: true});
|
|
assert.strictEqual(
|
|
await common.get_text_from_selector(page, save_button),
|
|
"Save changes",
|
|
"Save button didn't appear for permissions change.",
|
|
);
|
|
await page.click(save_button);
|
|
|
|
await test_permissions_change_save_worked(page);
|
|
}
|
|
|
|
async function test_set_create_streams_to_admins_only(page: Page): Promise<void> {
|
|
console.log("Test setting create streams policy to 'admins only'.");
|
|
await page.waitForSelector("#id_realm_create_stream_policy", {visible: true});
|
|
await page.evaluate(() => $("#id_realm_create_stream_policy").val(2).trigger("change"));
|
|
await submit_stream_permissions_change(page);
|
|
}
|
|
|
|
async function test_set_create_streams_to_members_and_admins(page: Page): Promise<void> {
|
|
console.log("Test setting create streams policy to 'members and admins'.");
|
|
await page.waitForSelector("#id_realm_create_stream_policy", {visible: true});
|
|
await page.evaluate(() => $("#id_realm_create_stream_policy").val(1).trigger("change"));
|
|
await submit_stream_permissions_change(page);
|
|
}
|
|
|
|
async function test_set_create_streams_policy_to_full_members(page: Page): Promise<void> {
|
|
console.log("Test setting create streams policy to 'full members'.");
|
|
await page.waitForSelector("#id_realm_create_stream_policy", {visible: true});
|
|
await page.evaluate(() => $("#id_realm_create_stream_policy").val(3).trigger("change"));
|
|
await submit_stream_permissions_change(page);
|
|
}
|
|
|
|
async function test_set_invite_to_streams_policy_to_admins_only(page: Page): Promise<void> {
|
|
console.log("Test setting invite to streams policy to 'admins only'.");
|
|
await page.waitForSelector("#id_realm_invite_to_stream_policy", {visible: true});
|
|
await page.evaluate(() => $("#id_realm_invite_to_stream_policy").val(2).trigger("change"));
|
|
await submit_stream_permissions_change(page);
|
|
}
|
|
|
|
async function test_set_invite_to_streams_policy_to_members_and_admins(page: Page): Promise<void> {
|
|
console.log("Test setting invite to streams policy to 'members and admins'.");
|
|
await page.waitForSelector("#id_realm_invite_to_stream_policy", {visible: true});
|
|
await page.evaluate(() => $("#id_realm_invite_to_stream_policy").val(1).trigger("change"));
|
|
await submit_stream_permissions_change(page);
|
|
}
|
|
|
|
async function test_set_invite_to_streams_policy_to_full_members(page: Page): Promise<void> {
|
|
console.log("Test setting invite to streams policy to 'full members'.");
|
|
await page.waitForSelector("#id_realm_invite_to_stream_policy", {visible: true});
|
|
await page.evaluate(() => $("#id_realm_invite_to_stream_policy").val(3).trigger("change"));
|
|
await submit_stream_permissions_change(page);
|
|
}
|
|
|
|
async function test_save_joining_organization_change_worked(page: Page): Promise<void> {
|
|
const saved_status = '#org-submit-org-join[data-status="saved"]';
|
|
await page.waitForSelector(saved_status, {
|
|
visible: true,
|
|
});
|
|
await page.waitForSelector(saved_status, {hidden: true});
|
|
}
|
|
|
|
async function submit_joining_organization_change(page: Page): Promise<void> {
|
|
const save_button = "#org-submit-org-join";
|
|
await page.waitForSelector(save_button, {visible: true});
|
|
assert.strictEqual(
|
|
await common.get_text_from_selector(page, save_button),
|
|
"Save changes",
|
|
"Save button didn't appear for permissions change.",
|
|
);
|
|
await page.waitForSelector(save_button, {visible: true});
|
|
await page.click(save_button);
|
|
|
|
await test_save_joining_organization_change_worked(page);
|
|
}
|
|
|
|
async function test_set_new_user_threshold_to_three_days(page: Page): Promise<void> {
|
|
console.log("Test setting new user threshold to three days.");
|
|
await page.waitForSelector("#id_realm_waiting_period_setting", {visible: true});
|
|
await page.evaluate(() =>
|
|
$("#id_realm_waiting_period_setting").val("three_days").trigger("change"),
|
|
);
|
|
await submit_joining_organization_change(page);
|
|
}
|
|
|
|
async function test_set_new_user_threshold_to_N_days(page: Page): Promise<void> {
|
|
console.log("Test setting new user threshold to three days.");
|
|
await page.waitForSelector("#id_realm_waiting_period_setting", {visible: true});
|
|
await page.evaluate(() =>
|
|
$("#id_realm_waiting_period_setting").val("custom_days").trigger("change"),
|
|
);
|
|
|
|
const N = 10;
|
|
await page.evaluate((N: number) => $("#id_realm_waiting_period_threshold").val(N), N);
|
|
await submit_joining_organization_change(page);
|
|
}
|
|
|
|
async function test_organization_permissions(page: Page): Promise<void> {
|
|
await page.click("li[data-section='organization-permissions']");
|
|
|
|
await test_set_create_streams_to_admins_only(page);
|
|
await test_set_create_streams_to_members_and_admins(page);
|
|
await test_set_create_streams_policy_to_full_members(page);
|
|
|
|
await test_set_invite_to_streams_policy_to_admins_only(page);
|
|
await test_set_invite_to_streams_policy_to_members_and_admins(page);
|
|
await test_set_invite_to_streams_policy_to_full_members(page);
|
|
|
|
await test_set_new_user_threshold_to_three_days(page);
|
|
await test_set_new_user_threshold_to_N_days(page);
|
|
}
|
|
|
|
async function test_add_emoji(page: Page): Promise<void> {
|
|
await common.fill_form(page, "form.admin-emoji-form", {name: "zulip logo"});
|
|
|
|
const emoji_upload_handle = await page.$("#emoji_file_input");
|
|
await emoji_upload_handle!.uploadFile("static/images/logo/zulip-icon-128x128.png");
|
|
await page.click("#admin_emoji_submit");
|
|
|
|
const emoji_status = "div#admin-emoji-status";
|
|
await page.waitForSelector(emoji_status, {visible: true});
|
|
assert.strictEqual(
|
|
await common.get_text_from_selector(page, emoji_status),
|
|
"Custom emoji added!",
|
|
);
|
|
|
|
await page.waitForSelector("tr#emoji_zulip_logo", {visible: true});
|
|
assert.strictEqual(
|
|
await common.get_text_from_selector(page, "tr#emoji_zulip_logo .emoji_name"),
|
|
"zulip logo",
|
|
"Emoji name incorrectly saved.",
|
|
);
|
|
await page.waitForSelector("tr#emoji_zulip_logo img", {visible: true});
|
|
}
|
|
|
|
async function test_delete_emoji(page: Page): Promise<void> {
|
|
await page.click("tr#emoji_zulip_logo button.delete");
|
|
|
|
// assert the emoji is deleted.
|
|
await page.waitForFunction(() => $("tr#emoji_zulip_logo").length === 0);
|
|
}
|
|
|
|
async function test_custom_realm_emoji(page: Page): Promise<void> {
|
|
await page.click("li[data-section='emoji-settings']");
|
|
await page.waitForSelector(".admin-emoji-form", {visible: true});
|
|
|
|
await test_add_emoji(page);
|
|
await test_delete_emoji(page);
|
|
}
|
|
|
|
async function get_suggestions(page: Page, str: string): Promise<void> {
|
|
await page.evaluate((str: string) => {
|
|
$(".create_default_stream")
|
|
.trigger("focus")
|
|
.val(str)
|
|
.trigger(new $.Event("keyup", {which: 0}));
|
|
}, str);
|
|
}
|
|
|
|
async function select_from_suggestions(page: Page, item: string): Promise<void> {
|
|
await page.evaluate((item: string) => {
|
|
const tah = $(".create_default_stream").data().typeahead;
|
|
tah.mouseenter({
|
|
currentTarget: $(`.typeahead:visible li:contains("${CSS.escape(item)}")`)[0],
|
|
});
|
|
tah.select();
|
|
}, item);
|
|
}
|
|
|
|
async function test_add_default_stream(
|
|
page: Page,
|
|
stream_name: string,
|
|
row: string,
|
|
): Promise<void> {
|
|
// It matches with all the stream names which has 'O' as a substring (Rome, Scotland, Verona
|
|
// etc). 'O' is used to make sure that it works even if there are multiple suggestions.
|
|
// Uppercase 'O' is used instead of the lowercase version to make sure that the suggestions
|
|
// are case insensitive.
|
|
await get_suggestions(page, "o");
|
|
await select_from_suggestions(page, stream_name);
|
|
await page.click(".default-stream-form #do_submit_stream");
|
|
|
|
await page.waitForSelector(row, {visible: true});
|
|
}
|
|
|
|
async function test_remove_default_stream(page: Page, row: string): Promise<void> {
|
|
await page.click(row + " button.remove-default-stream");
|
|
|
|
// assert row doesn't exist.
|
|
await page.waitForFunction((row: string) => $(row).length === 0, {}, row);
|
|
}
|
|
|
|
async function test_default_streams(page: Page): Promise<void> {
|
|
await page.click("li[data-section='default-streams-list']");
|
|
await page.waitForSelector(".create_default_stream", {visible: true});
|
|
|
|
const stream_name = "Scotland";
|
|
const stream_id = await common.get_stream_id(page, stream_name);
|
|
const row = `.default_stream_row[data-stream-id='${CSS.escape(stream_id.toString())}']`;
|
|
|
|
await test_add_default_stream(page, stream_name, row);
|
|
await test_remove_default_stream(page, row);
|
|
}
|
|
|
|
async function test_upload_realm_icon_image(page: Page): Promise<void> {
|
|
const upload_handle = await page.$("#realm-icon-upload-widget .image_file_input");
|
|
await upload_handle!.uploadFile("static/images/logo/zulip-icon-128x128.png");
|
|
|
|
await page.waitForSelector("#realm-icon-upload-widget .upload-spinner-background", {
|
|
visible: true,
|
|
});
|
|
await page.waitForSelector("#realm-icon-upload-widget .upload-spinner-background", {
|
|
hidden: true,
|
|
});
|
|
await page.waitForSelector(
|
|
'#realm-icon-upload-widget .image-block[src^="/user_avatars/2/realm/icon.png?version=2"]',
|
|
{visible: true},
|
|
);
|
|
}
|
|
|
|
async function delete_realm_icon(page: Page): Promise<void> {
|
|
await page.click("li[data-section='organization-profile']");
|
|
await page.click("#realm-icon-upload-widget .image-delete-button");
|
|
|
|
await page.waitForSelector("#realm-icon-upload-widget .image-delete-button", {hidden: true});
|
|
}
|
|
|
|
async function test_organization_profile(page: Page): Promise<void> {
|
|
await page.click("li[data-section='organization-profile']");
|
|
const gravatar_selctor =
|
|
'#realm-icon-upload-widget .image-block[src^="https://secure.gravatar.com/avatar/"]';
|
|
await page.waitForSelector(gravatar_selctor, {visible: true});
|
|
await page.waitForSelector("#realm-icon-upload-widget .image-delete-button", {hidden: true});
|
|
|
|
await test_upload_realm_icon_image(page);
|
|
await page.waitForSelector("#realm-icon-upload-widget .image-delete-button", {visible: true});
|
|
|
|
await delete_realm_icon(page);
|
|
await page.waitForSelector("#realm-icon-upload-widget .image-delete-button", {hidden: true});
|
|
await page.waitForSelector(gravatar_selctor, {visible: true});
|
|
}
|
|
|
|
async function submit_default_user_settings(page: Page): Promise<void> {
|
|
assert.strictEqual(
|
|
await common.get_text_from_selector(page, "#org-submit-user-defaults"),
|
|
"Save changes",
|
|
);
|
|
await page.click("#org-submit-user-defaults");
|
|
const saved_status = '#org-submit-user-defaults[data-status="saved"]';
|
|
await page.waitForSelector(saved_status, {hidden: true});
|
|
}
|
|
|
|
async function test_change_organization_default_language(page: Page): Promise<void> {
|
|
console.log("Changing realm default language");
|
|
await page.click("li[data-section='organization-settings']");
|
|
await page.waitForSelector("#id_realm_default_language", {visible: true});
|
|
|
|
await page.evaluate(() => $("#id_realm_default_language").val("de").trigger("change"));
|
|
await submit_default_user_settings(page);
|
|
}
|
|
|
|
async function test_authentication_methods(page: Page): Promise<void> {
|
|
await page.click("li[data-section='auth-methods']");
|
|
await page.waitForSelector(".method_row[data-method='Google'] input[type='checkbox'] + span", {
|
|
visible: true,
|
|
});
|
|
|
|
await page.click(".method_row[data-method='Google'] input[type='checkbox'] + span");
|
|
const save_button = "#org-submit-auth_settings";
|
|
assert.strictEqual(await common.get_text_from_selector(page, save_button), "Save changes");
|
|
await page.click(save_button);
|
|
|
|
// Leave the page and return.
|
|
const settings_dropdown = "#settings-dropdown";
|
|
await page.click(settings_dropdown);
|
|
|
|
await common.manage_organization(page);
|
|
await page.click("li[data-section='auth-methods']");
|
|
|
|
// Test setting was saved.
|
|
await page.waitForSelector(".method_row[data-method='Google'] input[type='checkbox'] + span", {
|
|
visible: true,
|
|
});
|
|
await page.waitForFunction(
|
|
() =>
|
|
!($(".method_row[data-method='Google'] input[type='checkbox']")[0] as HTMLInputElement)
|
|
.checked,
|
|
);
|
|
}
|
|
|
|
async function admin_test(page: Page): Promise<void> {
|
|
await common.log_in(page);
|
|
|
|
await common.manage_organization(page);
|
|
await test_change_new_stream_notifications_setting(page);
|
|
await test_change_signup_notifications_stream(page);
|
|
await test_change_organization_default_language(page);
|
|
|
|
await test_organization_permissions(page);
|
|
// Currently, Firefox (with puppeteer) does not support file upload:
|
|
// https://github.com/puppeteer/puppeteer/issues/6688.
|
|
// Until that is resolved upstream, we need to skip the tests that involve
|
|
// doing file upload on Firefox.
|
|
if (!common.is_firefox) {
|
|
await test_custom_realm_emoji(page);
|
|
await test_organization_profile(page);
|
|
}
|
|
await test_default_streams(page);
|
|
await test_authentication_methods(page);
|
|
}
|
|
|
|
common.run_test(admin_test);
|