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();
 | |
|     });
 | |
| });
 |