167 lines
6.7 KiB
TypeScript
167 lines
6.7 KiB
TypeScript
|
/*
|
||
|
|
Copyright 2024 The Matrix.org Foundation C.I.C.
|
||
|
|
|
||
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
you may not use this file except in compliance with the License.
|
||
|
|
You may obtain a copy of the License at
|
||
|
|
|
||
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
|
||
|
|
Unless required by applicable law or agreed to in writing, software
|
||
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
See the License for the specific language governing permissions and
|
||
|
|
limitations under the License.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { test, expect } from "../../element-web-test";
|
||
|
|
import { Bot } from "../../pages/bot";
|
||
|
|
|
||
|
|
test.describe("Landmark navigation tests", () => {
|
||
|
|
test.use({
|
||
|
|
displayName: "Alice",
|
||
|
|
});
|
||
|
|
|
||
|
|
test("without any rooms", async ({ page, homeserver, app, user }) => {
|
||
|
|
/**
|
||
|
|
* Without any rooms, there is no tile in the roomlist to be focused.
|
||
|
|
* So the next landmark in the list should be focused instead.
|
||
|
|
*/
|
||
|
|
|
||
|
|
// Pressing Control+F6 will first focus the space button
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
|
||
|
|
|
||
|
|
// Pressing Control+F6 again will focus room search
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_RoomSearch")).toBeFocused();
|
||
|
|
|
||
|
|
// Pressing Control+F6 again will focus the message composer
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_HomePage")).toBeFocused();
|
||
|
|
|
||
|
|
// Pressing Control+F6 again will bring focus back to the space button
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
|
||
|
|
|
||
|
|
// Now go back in the same order
|
||
|
|
await page.keyboard.press("ControlOrMeta+Shift+F6");
|
||
|
|
await expect(page.locator(".mx_HomePage")).toBeFocused();
|
||
|
|
|
||
|
|
await page.keyboard.press("ControlOrMeta+Shift+F6");
|
||
|
|
await expect(page.locator(".mx_RoomSearch")).toBeFocused();
|
||
|
|
|
||
|
|
await page.keyboard.press("ControlOrMeta+Shift+F6");
|
||
|
|
await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
|
||
|
|
});
|
||
|
|
|
||
|
|
test("with an open room", async ({ page, homeserver, app, user }) => {
|
||
|
|
const bob = new Bot(page, homeserver, { displayName: "Bob" });
|
||
|
|
await bob.prepareClient();
|
||
|
|
|
||
|
|
// create dm with bob
|
||
|
|
await app.client.evaluate(
|
||
|
|
async (cli, { bob }) => {
|
||
|
|
const bobRoom = await cli.createRoom({ is_direct: true });
|
||
|
|
await cli.invite(bobRoom.room_id, bob);
|
||
|
|
},
|
||
|
|
{
|
||
|
|
bob: bob.credentials.userId,
|
||
|
|
},
|
||
|
|
);
|
||
|
|
|
||
|
|
await app.viewRoomByName("Bob");
|
||
|
|
// confirm the room was loaded
|
||
|
|
await expect(page.getByText("Bob joined the room")).toBeVisible();
|
||
|
|
|
||
|
|
// Pressing Control+F6 will first focus the space button
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
|
||
|
|
|
||
|
|
// Pressing Control+F6 again will focus room search
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_RoomSearch")).toBeFocused();
|
||
|
|
|
||
|
|
// Pressing Control+F6 again will focus the room tile in the room list
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_RoomTile_selected")).toBeFocused();
|
||
|
|
|
||
|
|
// Pressing Control+F6 again will focus the message composer
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_BasicMessageComposer_input")).toBeFocused();
|
||
|
|
|
||
|
|
// Pressing Control+F6 again will bring focus back to the space button
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
|
||
|
|
|
||
|
|
// Now go back in the same order
|
||
|
|
await page.keyboard.press("ControlOrMeta+Shift+F6");
|
||
|
|
await expect(page.locator(".mx_BasicMessageComposer_input")).toBeFocused();
|
||
|
|
|
||
|
|
await page.keyboard.press("ControlOrMeta+Shift+F6");
|
||
|
|
await expect(page.locator(".mx_RoomTile_selected")).toBeFocused();
|
||
|
|
|
||
|
|
await page.keyboard.press("ControlOrMeta+Shift+F6");
|
||
|
|
await expect(page.locator(".mx_RoomSearch")).toBeFocused();
|
||
|
|
|
||
|
|
await page.keyboard.press("ControlOrMeta+Shift+F6");
|
||
|
|
await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
|
||
|
|
});
|
||
|
|
|
||
|
|
test("without an open room", async ({ page, homeserver, app, user }) => {
|
||
|
|
const bob = new Bot(page, homeserver, { displayName: "Bob" });
|
||
|
|
await bob.prepareClient();
|
||
|
|
|
||
|
|
// create a dm with bob
|
||
|
|
await app.client.evaluate(
|
||
|
|
async (cli, { bob }) => {
|
||
|
|
const bobRoom = await cli.createRoom({ is_direct: true });
|
||
|
|
await cli.invite(bobRoom.room_id, bob);
|
||
|
|
},
|
||
|
|
{
|
||
|
|
bob: bob.credentials.userId,
|
||
|
|
},
|
||
|
|
);
|
||
|
|
|
||
|
|
await app.viewRoomByName("Bob");
|
||
|
|
// confirm the room was loaded
|
||
|
|
await expect(page.getByText("Bob joined the room")).toBeVisible();
|
||
|
|
|
||
|
|
// Close the room
|
||
|
|
page.goto("/#/home");
|
||
|
|
|
||
|
|
// Pressing Control+F6 will first focus the space button
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
|
||
|
|
|
||
|
|
// Pressing Control+F6 again will focus room search
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_RoomSearch")).toBeFocused();
|
||
|
|
|
||
|
|
// Pressing Control+F6 again will focus the room tile in the room list
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_RoomTile")).toBeFocused();
|
||
|
|
|
||
|
|
// Pressing Control+F6 again will focus the home section
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_HomePage")).toBeFocused();
|
||
|
|
|
||
|
|
// Pressing Control+F6 will bring focus back to the space button
|
||
|
|
await page.keyboard.press("ControlOrMeta+F6");
|
||
|
|
await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
|
||
|
|
|
||
|
|
// Now go back in same order
|
||
|
|
await page.keyboard.press("ControlOrMeta+Shift+F6");
|
||
|
|
await expect(page.locator(".mx_HomePage")).toBeFocused();
|
||
|
|
|
||
|
|
await page.keyboard.press("ControlOrMeta+Shift+F6");
|
||
|
|
await expect(page.locator(".mx_RoomTile")).toBeFocused();
|
||
|
|
|
||
|
|
await page.keyboard.press("ControlOrMeta+Shift+F6");
|
||
|
|
await expect(page.locator(".mx_RoomSearch")).toBeFocused();
|
||
|
|
|
||
|
|
await page.keyboard.press("ControlOrMeta+Shift+F6");
|
||
|
|
await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
|
||
|
|
});
|
||
|
|
});
|