riot-web/playwright/e2e
R Midhun Suresh cf8b87fd14
Add tabs to the right panel (#12672)
* Create new method for header button behaviour

With the introduction of tabs, the behaviour of the header buttons is
changed as follows:
- Close any right panel if open
- Open the correct right panel if no panel was open before

The old method (and behaviour) is retained as showOrHidePhase.

* Implement tabs in the right panel

There are three tabs: Info, People and Threads

* Remove unwanted code from RoomSummaryCard

- Remove the menu item for opening the memberlist since that is now
  taken of by the tabs.
- Remove the close button

* Remove code for focusing close button from tac item

See https://github.com/matrix-org/matrix-react-sdk/pull/12410

There's no longer a close button to focus so we instead focus the thread
tab. This is done in RightPaneltabs.tsx so we just need to remove this
code.

* Introduce a room info icon to the header

This was previously present in the legacy room header but not in the new
header.

* BaseCard changes

- Adds id, ariaLabelledBy and role props to implement tab accessibility.
- Adds hideHeaderButtons prop to hide header buttons (think back and
  close buttons).
- Change confusing header rendering code:
  header is not rendered ONLY when no header is passed AND
  hideHeaderButtons is true.

* Refactor repeated code into function

Created a new function createSpaceScopeHeader which returns the
component if the room is a space room. Previously this code was
duplicated in every component that uses SpaceScopeHeader component.

* Pass BaseCard attributes and use helper function

Actually using the code from the last two commits

* Add, update and remove tests/screenshots/snapshots

* Fix distance between search bar and tabs

* Update compound

* Update screenshots/snapshots
2024-07-09 11:36:50 +00:00
..
app-loading Playwright tests to replace old `loading-test.tsx` (#12654) 2024-06-20 09:20:52 +00:00
audio-player New theme ui in user settings (#12576) 2024-06-26 15:47:01 +00:00
composer Migrate composer.spec.ts from Cypress to Playwright (#12024) 2023-12-14 13:49:51 +00:00
create-room Migrate create-room.spec.ts from Cypress to Playwright (#11941) 2023-11-27 16:24:02 +00:00
crypto Add tabs to the right panel (#12672) 2024-07-09 11:36:50 +00:00
editing Use Compound tooltips more widely (#12128) 2024-01-11 11:49:24 +00:00
file-upload Fix image upload preview size (#12607) 2024-06-12 22:35:02 +00:00
forgot-password Fix close button on forgot password flow (#12732) 2024-07-05 09:51:21 +00:00
integration-manager Migrate widgets/* from Cypress to Playwright (#12032) 2023-12-12 17:26:08 +00:00
invite Improve stability of Playwright screenshots (#12009) 2023-12-07 10:32:23 +00:00
knock Remove use of KnownMembership from playwright tests 2024-03-18 16:32:36 +00:00
lazy-loading Add tabs to the right panel (#12672) 2024-07-09 11:36:50 +00:00
left-panel Migrate remaining editing.spec.ts from Cypress to Playwright (#11976) 2023-11-30 10:18:18 +00:00
location Migrate remaining editing.spec.ts from Cypress to Playwright (#11976) 2023-11-30 10:18:18 +00:00
login Fix close button on forgot password flow (#12732) 2024-07-05 09:51:21 +00:00
oidc Add Playwright tests for OIDC-aware & OIDC-native (#12252) 2024-02-21 10:43:47 +00:00
one-to-one-chat Fix flakiness in playwright tests (#12512) 2024-05-13 16:58:49 +00:00
permalinks Migrate permalinks.spec.ts from Cypress to Playwright (#12004) 2023-12-12 09:56:55 +00:00
polls Playwright: Convert /e2e/polls (#12065) 2024-01-09 06:28:40 +00:00
presence Fix/disable failing playwright tests (#12402) 2024-04-05 18:07:25 +00:00
read-receipts Add tabs to the right panel (#12672) 2024-07-09 11:36:50 +00:00
register Improvements around docker in Playwright (#12261) 2024-02-20 14:21:10 +00:00
regression-tests Migrate pills-click-in-app.spec.ts from Cypress to Playwright (#11984) 2023-12-04 13:41:20 +00:00
release-announcement TAC: Release Announcement (#12380) 2024-04-08 08:43:59 +00:00
right-panel Add tabs to the right panel (#12672) 2024-07-09 11:36:50 +00:00
room Fix E2E icon display in room header (#12545) 2024-05-20 16:08:50 +00:00
room-directory Prepare for switching AccessibleTooltipButton to using Compound Tooltips (#12082) 2024-01-02 09:21:53 +00:00
room_options Mark as Unread (#12254) 2024-03-19 13:28:20 +00:00
settings Move language settings to 'preferences' (#12723) 2024-07-05 22:04:27 +00:00
sliding-sync Playwright: Convert lazy-loading test to playwright (#11988) 2023-12-19 08:36:54 +00:00
spaces Add tabs to the right panel (#12672) 2024-07-09 11:36:50 +00:00
spotlight Convert spotlight tests to playwright (#12033) 2023-12-18 06:04:15 +00:00
threads Take the Threads Activity Centre out of labs (#12439) 2024-04-29 15:30:19 +00:00
timeline Redesign room search interface (#12677) 2024-07-08 09:57:41 +00:00
toasts Migrate analytics-toast.spec.ts from Cypress to Playwright (#11939) 2023-11-27 10:00:16 +00:00
update Migrate update.spec.ts from Cypress to Playwright (#11937) 2023-11-27 11:28:17 +00:00
user-menu Migrate user-menu.spec.ts from Cypress to Playwright (#11940) 2023-11-27 11:22:59 +00:00
user-onboarding Fix flakiness in playwright tests (#12512) 2024-05-13 16:58:49 +00:00
user-view Iterate landmarks around the app in order to improve a11y (#12064) 2023-12-20 15:32:24 +00:00
widgets Migrate widgets/* from Cypress to Playwright (#12032) 2023-12-12 17:26:08 +00:00
utils.ts Fix close button on forgot password flow (#12732) 2024-07-05 09:51:21 +00:00