Skip to content

chore: Upgrade fuselage packages - #39776

Merged
dionisio-bot[bot] merged 3 commits into
developfrom
chore/bump-fuselage
Mar 24, 2026
Merged

chore: Upgrade fuselage packages#39776
dionisio-bot[bot] merged 3 commits into
developfrom
chore/bump-fuselage

Conversation

@juliajforesti

@juliajforesti juliajforesti commented Mar 20, 2026

Copy link
Copy Markdown
Contributor

Proposed changes (including videos or screenshots)

Release changes:

@rocket.chat/fuselage@0.74.0
@rocket.chat/fuselage-hooks@0.41.0
@rocket.chat/fuselage-forms@1.1.0

changes necessary for: WA-46

Issue(s)

Steps to test or reproduce

Further comments

Summary by CodeRabbit

  • Bug Fixes

    • Improved accessibility for the direct message member selection interface with better screen reader support.
  • Chores

    • Updated component library dependencies across multiple packages to the latest versions.

@dionisio-bot

dionisio-bot Bot commented Mar 20, 2026

Copy link
Copy Markdown
Contributor

Looks like this PR is ready to merge! 🎉
If you have any trouble, please check the PR guidelines

@changeset-bot

changeset-bot Bot commented Mar 20, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 6b0d6ba

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@coderabbitai

coderabbitai Bot commented Mar 20, 2026

Copy link
Copy Markdown
Contributor

Walkthrough

This PR updates the Fuselage design system library dependencies across multiple applications and packages (v0.73/0.40 to v0.74/0.41), adds accessibility labeling to direct message creation UI, and refactors e2e tests to use updated selectors and a streamlined DM creation flow.

Changes

Cohort / File(s) Summary
Accessibility Enhancement
apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx
Added aria-label attribute to UserAutoCompleteMultiple input using existing translation key for accessibility.
Dependency Updates
apps/meteor/package.json, apps/uikit-playground/package.json, packages/fuselage-ui-kit/package.json, packages/gazzodown/package.json, packages/livechat/package.json, packages/storybook-config/package.json, packages/ui-avatar/package.json, packages/ui-client/package.json, packages/ui-composer/package.json, packages/ui-contexts/package.json, packages/ui-video-conf/package.json, packages/ui-voip/package.json, packages/web-ui-registration/package.json
Updated @rocket.chat/fuselage to ^0.74.0 (from ^0.73.0), @rocket.chat/fuselage-forms to ^1.1.0 (from ^1.0.0 in meteor only), and @rocket.chat/fuselage-hooks to ^0.41.0 (from ^0.40.0) across all dev/dependencies.
E2E Test Selector Updates
apps/meteor/tests/e2e/administration.spec.ts, apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
Replaced userRole selector with new chipUserRole getter using Playwright role-based querying (getByRole('button', { name: 'user', exact: true })). Removed old CSS expression targeting approach.
E2E Test Modal & Navbar Refactoring
apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts, apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
Removed dmListbox accessor from CreateNewDMModal. Updated autocompleteUser to locate via accessible label. Modified inviteUserToDM to select via inherited listbox field and add Tab keypress. Simplified Navbar.createNewDM() to delegate to inviteUserToDM() instead of direct listbox interaction.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Suggested labels

type: chore

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Title check ✅ Passed The title 'chore: Upgrade fuselage packages' directly and accurately summarizes the primary change—upgrading fuselage and related dependencies across multiple package.json files.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@codecov

codecov Bot commented Mar 23, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 70.56%. Comparing base (6b80941) to head (6b0d6ba).
⚠️ Report is 6 commits behind head on develop.

Additional details and impacted files

Impacted file tree graph

@@           Coverage Diff            @@
##           develop   #39776   +/-   ##
========================================
  Coverage    70.56%   70.56%           
========================================
  Files         3256     3256           
  Lines       115778   115778           
  Branches     21009    21057   +48     
========================================
+ Hits         81694    81697    +3     
+ Misses       32027    32018    -9     
- Partials      2057     2063    +6     
Flag Coverage Δ
e2e 60.38% <ø> (-0.01%) ⬇️
e2e-api 48.10% <ø> (+0.02%) ⬆️
unit 71.12% <ø> (+0.01%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@juliajforesti
juliajforesti marked this pull request as ready for review March 23, 2026 19:10
@juliajforesti
juliajforesti requested review from a team as code owners March 23, 2026 19:10

@cubic-dev-ai cubic-dev-ai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No issues found across 21 files

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 5

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@apps/meteor/package.json`:
- Around line 107-109: The package.json specifies unavailable versions for
`@rocket.chat/fuselage`, `@rocket.chat/fuselage-forms`, and
`@rocket.chat/fuselage-hooks`; update the three dependency entries to the
published versions (use `@rocket.chat/fuselage` 0.73.0,
`@rocket.chat/fuselage-forms` 1.0.0, `@rocket.chat/fuselage-hooks` 0.40.0) or
coordinate upstream if newer versions are required; ensure the changes are made
in the apps/meteor package.json dependency block where these package names
appear and run npm install / yarn to verify the constraints are satisfiable.

In `@apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts`:
- Around line 78-79: The current call this.listbox.selectOption(username) is
using a page-level listbox (from a .last() locator) and can hit the wrong widget
when multiple listboxes exist; change the locator used by this.listbox to be
scoped to this modal (e.g., derive the listbox from this.modal or this.container
locator rather than the page/global locator) and then call
selectOption(username) on that scoped locator; keep the subsequent
this.page?.keyboard.press('Tab') as-is if tabbing is still required.
- Line 72: Replace the chained locator this.root.getByLabel('Select one or more
people to message', { exact: true }).getByRole('textbox') with a single semantic
role lookup on this.root using getByRole('textbox', { name: 'Select one or more
people to message', exact: true }) so the locator matches both <label> and
aria-label cases; update the locator in the CreateNewModal fragment (where
this.root.getByLabel(...).getByRole is used) accordingly.

In `@apps/uikit-playground/package.json`:
- Around line 21-22: The package.json lists invalid versions for the fuselage
packages; update the dependency entries for "@rocket.chat/fuselage" and
"@rocket.chat/fuselage-hooks" in package.json to actual published versions
(e.g., set "@rocket.chat/fuselage" to "0.73.0" and "@rocket.chat/fuselage-hooks"
to "0.40.0" or to whatever newer valid versions exist on npm), then run your
package manager (npm/yarn/pnpm) to refresh the lockfile and node_modules so the
changes are validated.

In `@packages/livechat/package.json`:
- Line 61: The dependency entry for `@rocket.chat/fuselage-hooks` in
packages/livechat/package.json is pointing to a non-published version (^0.41.0);
change that entry to a published version (e.g., ^0.40.0), then reinstall
dependencies and update the lockfile (npm/yarn install) to ensure the lockfile
reflects the change; verify builds/tests (package.json ->
`@rocket.chat/fuselage-hooks`).
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 96ff5853-4dff-46d2-bb02-e879e1cde567

📥 Commits

Reviewing files that changed from the base of the PR and between 1dbfce4 and 6b0d6ba.

⛔ Files ignored due to path filters (3)
  • apps/meteor/client/components/CreateDiscussion/__snapshots__/CreateDiscussion.spec.tsx.snap is excluded by !**/*.snap
  • apps/meteor/client/views/admin/ABAC/ABACRoomsTab/__snapshots__/RoomFormAttributeField.spec.tsx.snap is excluded by !**/*.snap
  • yarn.lock is excluded by !**/yarn.lock, !**/*.lock
📒 Files selected for processing (18)
  • apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx
  • apps/meteor/package.json
  • apps/meteor/tests/e2e/administration.spec.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
  • apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
  • apps/uikit-playground/package.json
  • packages/fuselage-ui-kit/package.json
  • packages/gazzodown/package.json
  • packages/livechat/package.json
  • packages/storybook-config/package.json
  • packages/ui-avatar/package.json
  • packages/ui-client/package.json
  • packages/ui-composer/package.json
  • packages/ui-contexts/package.json
  • packages/ui-video-conf/package.json
  • packages/ui-voip/package.json
  • packages/web-ui-registration/package.json
📜 Review details
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)
  • GitHub Check: cubic · AI code reviewer
🧰 Additional context used
📓 Path-based instructions (5)
**/*.{ts,tsx,js}

📄 CodeRabbit inference engine (.cursor/rules/playwright.mdc)

**/*.{ts,tsx,js}: Write concise, technical TypeScript/JavaScript with accurate typing in Playwright tests
Avoid code comments in the implementation

Files:

  • apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx
  • apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
  • apps/meteor/tests/e2e/administration.spec.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
apps/meteor/tests/e2e/page-objects/**/*.ts

📄 CodeRabbit inference engine (.cursor/rules/playwright.mdc)

Utilize existing page objects pattern from apps/meteor/tests/e2e/page-objects/

Files:

  • apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
apps/meteor/tests/e2e/**/*.{ts,spec.ts}

📄 CodeRabbit inference engine (.cursor/rules/playwright.mdc)

apps/meteor/tests/e2e/**/*.{ts,spec.ts}: Store commonly used locators in variables/constants for reuse
Follow Page Object Model pattern consistently in Playwright tests

Files:

  • apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
  • apps/meteor/tests/e2e/administration.spec.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
**/*.spec.ts

📄 CodeRabbit inference engine (.cursor/rules/playwright.mdc)

**/*.spec.ts: Use descriptive test names that clearly communicate expected behavior in Playwright tests
Use .spec.ts extension for test files (e.g., login.spec.ts)

Files:

  • apps/meteor/tests/e2e/administration.spec.ts
apps/meteor/tests/e2e/**/*.spec.ts

📄 CodeRabbit inference engine (.cursor/rules/playwright.mdc)

apps/meteor/tests/e2e/**/*.spec.ts: All test files must be created in apps/meteor/tests/e2e/ directory
Avoid using page.locator() in Playwright tests - always prefer semantic locators such as page.getByRole(), page.getByLabel(), page.getByText(), or page.getByTitle()
Use test.beforeAll() and test.afterAll() for setup/teardown in Playwright tests
Use test.step() for complex test scenarios to improve organization in Playwright tests
Group related tests in the same file
Utilize Playwright fixtures (test, page, expect) for consistency in test files
Prefer web-first assertions (toBeVisible, toHaveText, etc.) in Playwright tests
Use expect matchers for assertions (toEqual, toContain, toBeTruthy, toHaveLength, etc.) instead of assert statements in Playwright tests
Use page.waitFor() with specific conditions instead of hardcoded timeouts in Playwright tests
Implement proper wait strategies for dynamic content in Playwright tests
Maintain test isolation between test cases in Playwright tests
Ensure clean state for each test execution in Playwright tests
Ensure tests run reliably in parallel without shared state conflicts

Files:

  • apps/meteor/tests/e2e/administration.spec.ts
🧠 Learnings (34)
📓 Common learnings
Learnt from: ahmed-n-abdeltwab
Repo: RocketChat/Rocket.Chat PR: 0
File: :0-0
Timestamp: 2026-02-24T19:05:56.710Z
Learning: In Rocket.Chat PRs, keep feature PRs free of unrelated lockfile-only dependency bumps; prefer reverting lockfile drift or isolating such bumps into a separate "chore" commit/PR, and always use yarn install --immutable with the Yarn version pinned in package.json via Corepack.
Learnt from: ahmed-n-abdeltwab
Repo: RocketChat/Rocket.Chat PR: 0
File: :0-0
Timestamp: 2026-02-24T19:05:56.710Z
Learning: Rocket.Chat repo context: When a workspace manifest on develop already pins a dependency version (e.g., packages/web-ui-registration → "rocket.chat/ui-contexts": "27.0.1"), a lockfile change in a feature PR that upgrades only that dependency’s resolution is considered a manifest-driven sync and can be kept, preferably as a small "chore: sync yarn.lock with manifests" commit.
📚 Learning: 2026-02-24T19:36:55.089Z
Learnt from: juliajforesti
Repo: RocketChat/Rocket.Chat PR: 38493
File: apps/meteor/tests/e2e/page-objects/fragments/home-content.ts:60-82
Timestamp: 2026-02-24T19:36:55.089Z
Learning: In RocketChat/Rocket.Chat e2e tests (apps/meteor/tests/e2e/page-objects/fragments/home-content.ts), thread message preview listitems do not have aria-roledescription="message", so lastThreadMessagePreview locator cannot be scoped to messageListItems (which filters for aria-roledescription="message"). It should remain scoped to page.getByRole('listitem') or mainMessageList.getByRole('listitem').

Applied to files:

  • apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx
  • apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
  • apps/meteor/tests/e2e/administration.spec.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2026-03-11T22:04:20.529Z
Learnt from: juliajforesti
Repo: RocketChat/Rocket.Chat PR: 39545
File: apps/meteor/client/views/room/body/hooks/useHasNewMessages.ts:59-61
Timestamp: 2026-03-11T22:04:20.529Z
Learning: In `apps/meteor/client/views/room/body/hooks/useHasNewMessages.ts`, the `msg.u._id === uid` early-return in the `streamNewMessage` handler is intentional: the "New messages" indicator is designed to notify about messages from other users only. Self-sent messages — including those sent from a different session/device — are always skipped, by design. Do not flag this as a multi-session regression.

Applied to files:

  • apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx
📚 Learning: 2026-02-24T19:05:56.710Z
Learnt from: ahmed-n-abdeltwab
Repo: RocketChat/Rocket.Chat PR: 0
File: :0-0
Timestamp: 2026-02-24T19:05:56.710Z
Learning: Rocket.Chat repo context: When a workspace manifest on develop already pins a dependency version (e.g., packages/web-ui-registration → "rocket.chat/ui-contexts": "27.0.1"), a lockfile change in a feature PR that upgrades only that dependency’s resolution is considered a manifest-driven sync and can be kept, preferably as a small "chore: sync yarn.lock with manifests" commit.

Applied to files:

  • packages/livechat/package.json
  • packages/ui-video-conf/package.json
  • packages/web-ui-registration/package.json
  • packages/ui-client/package.json
  • apps/uikit-playground/package.json
  • packages/storybook-config/package.json
  • packages/ui-composer/package.json
  • apps/meteor/package.json
  • packages/ui-contexts/package.json
  • packages/gazzodown/package.json
  • packages/ui-avatar/package.json
  • packages/ui-voip/package.json
  • packages/fuselage-ui-kit/package.json
📚 Learning: 2026-02-24T19:05:56.710Z
Learnt from: ahmed-n-abdeltwab
Repo: RocketChat/Rocket.Chat PR: 0
File: :0-0
Timestamp: 2026-02-24T19:05:56.710Z
Learning: In Rocket.Chat PRs, keep feature PRs free of unrelated lockfile-only dependency bumps; prefer reverting lockfile drift or isolating such bumps into a separate "chore" commit/PR, and always use yarn install --immutable with the Yarn version pinned in package.json via Corepack.

Applied to files:

  • packages/livechat/package.json
  • packages/ui-video-conf/package.json
  • packages/web-ui-registration/package.json
  • packages/ui-client/package.json
  • apps/uikit-playground/package.json
  • packages/storybook-config/package.json
  • packages/ui-composer/package.json
  • apps/meteor/package.json
  • packages/ui-contexts/package.json
  • packages/gazzodown/package.json
  • packages/ui-avatar/package.json
  • packages/ui-voip/package.json
  • packages/fuselage-ui-kit/package.json
📚 Learning: 2026-02-25T20:10:16.987Z
Learnt from: ahmed-n-abdeltwab
Repo: RocketChat/Rocket.Chat PR: 38913
File: packages/ddp-client/src/legacy/types/SDKLegacy.ts:34-34
Timestamp: 2026-02-25T20:10:16.987Z
Learning: In the RocketChat/Rocket.Chat monorepo, packages/ddp-client and apps/meteor do not use TypeScript project references. Module augmentations in apps/meteor (e.g., declare module 'rocket.chat/rest-typings') are not visible when compiling packages/ddp-client in isolation, which is why legacy SDK methods that depend on OperationResult types for OpenAPI-migrated endpoints must remain commented out.

Applied to files:

  • packages/livechat/package.json
  • packages/web-ui-registration/package.json
  • packages/ui-client/package.json
  • apps/uikit-playground/package.json
  • packages/ui-composer/package.json
  • apps/meteor/package.json
  • packages/ui-contexts/package.json
  • packages/gazzodown/package.json
  • packages/ui-avatar/package.json
  • packages/ui-voip/package.json
  • packages/fuselage-ui-kit/package.json
📚 Learning: 2026-03-16T21:50:42.118Z
Learnt from: amitb0ra
Repo: RocketChat/Rocket.Chat PR: 39676
File: .changeset/migrate-users-register-openapi.md:3-3
Timestamp: 2026-03-16T21:50:42.118Z
Learning: In RocketChat/Rocket.Chat OpenAPI migration PRs, removing endpoint types and validators from `rocket.chat/rest-typings` (e.g., `UserRegisterParamsPOST`, `/v1/users.register` entry) is the *required* migration pattern per RocketChat/Rocket.Chat-Open-API#150 Rule 7 ("No More rest-typings or Manual Typings"). The endpoint type is re-exposed via a module augmentation `.d.ts` file in the consuming package (e.g., `packages/web-ui-registration/src/users-register.d.ts`). This is NOT a breaking change — the correct changeset bump for `rocket.chat/rest-typings` in this scenario is `minor`, not `major`. Do not flag this as a breaking change during OpenAPI migration reviews.

Applied to files:

  • packages/livechat/package.json
  • packages/web-ui-registration/package.json
  • packages/ui-avatar/package.json
📚 Learning: 2026-03-17T16:08:37.572Z
Learnt from: cardoso
Repo: RocketChat/Rocket.Chat PR: 39690
File: packages/ui-voip/package.json:11-11
Timestamp: 2026-03-17T16:08:37.572Z
Learning: In `packages/ui-voip/package.json` (RocketChat/Rocket.Chat), the team deliberately chose to use `rm -rf dist` directly in the `"build"` script instead of `rimraf`, as they decided against introducing the `rimraf` dependency for this package. Do not flag `rm -rf dist` in the ui-voip build script as a cross-platform issue requiring rimraf.

Applied to files:

  • packages/ui-video-conf/package.json
  • packages/web-ui-registration/package.json
  • packages/ui-client/package.json
  • apps/uikit-playground/package.json
  • packages/storybook-config/package.json
  • packages/ui-composer/package.json
  • apps/meteor/package.json
  • packages/ui-contexts/package.json
  • packages/gazzodown/package.json
  • packages/ui-avatar/package.json
  • packages/ui-voip/package.json
  • packages/fuselage-ui-kit/package.json
📚 Learning: 2026-03-12T10:26:26.697Z
Learnt from: ahmed-n-abdeltwab
Repo: RocketChat/Rocket.Chat PR: 39340
File: apps/meteor/app/api/server/v1/im.ts:1349-1398
Timestamp: 2026-03-12T10:26:26.697Z
Learning: In `apps/meteor/app/api/server/v1/im.ts` (PR `#39340`), the `DmEndpoints` type intentionally includes temporary stub entries for `/v1/im.kick`, `/v1/dm.kick`, `/v1/im.leave`, and `/v1/dm.leave` (using `DmKickProps` and `DmLeaveProps`) even though no route handlers exist for them yet. These stubs were added to preserve type compatibility after removing the original `DmLeaveProps` and related files. They are planned for cleanup in a follow-up PR. Do not flag these as missing implementations when reviewing this file until the follow-up is merged.

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2025-11-24T17:08:17.065Z
Learnt from: CR
Repo: RocketChat/Rocket.Chat PR: 0
File: .cursor/rules/playwright.mdc:0-0
Timestamp: 2025-11-24T17:08:17.065Z
Learning: Applies to apps/meteor/tests/e2e/page-objects/**/*.ts : Utilize existing page objects pattern from `apps/meteor/tests/e2e/page-objects/`

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
  • apps/meteor/tests/e2e/administration.spec.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2025-12-16T17:29:40.430Z
Learnt from: gabriellsh
Repo: RocketChat/Rocket.Chat PR: 37834
File: apps/meteor/tests/e2e/page-objects/fragments/admin-flextab-emoji.ts:12-22
Timestamp: 2025-12-16T17:29:40.430Z
Learning: In all page-object files under apps/meteor/tests/e2e/page-objects/, import expect from ../../utils/test (Playwright's async expect) instead of from Jest. Jest's expect is synchronous and incompatible with web-first assertions like toBeVisible, which can cause TypeScript errors.

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2026-02-24T19:39:42.247Z
Learnt from: juliajforesti
Repo: RocketChat/Rocket.Chat PR: 38493
File: apps/meteor/tests/e2e/page-objects/fragments/message.ts:7-7
Timestamp: 2026-02-24T19:39:42.247Z
Learning: In RocketChat e2e tests, avoid using data-qa attributes to locate elements. Prefer semantic locators such as getByRole, getByLabel, getByText, getByTitle and ARIA-based selectors. Apply this rule to all TypeScript files under apps/meteor/tests/e2e to improve test reliability, accessibility, and maintainability.

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
  • apps/meteor/tests/e2e/administration.spec.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2026-02-26T19:25:44.063Z
Learnt from: gabriellsh
Repo: RocketChat/Rocket.Chat PR: 38778
File: packages/ui-voip/src/providers/useMediaSession.ts:192-192
Timestamp: 2026-02-26T19:25:44.063Z
Learning: In the Rocket.Chat repository, do not reference Biome lint rules in code review feedback. Biome is not used even if biome.json exists; only reference Biome rules if there is explicit, project-wide usage documented. For TypeScript files, review lint implications without Biome guidance unless the project enables Biome rules.

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
  • apps/meteor/tests/e2e/administration.spec.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2026-02-26T19:25:44.063Z
Learnt from: gabriellsh
Repo: RocketChat/Rocket.Chat PR: 38778
File: packages/ui-voip/src/providers/useMediaSession.ts:192-192
Timestamp: 2026-02-26T19:25:44.063Z
Learning: In this repository (RocketChat/Rocket.Chat), Biome lint rules are not used even if a biome.json exists. When reviewing TypeScript files (e.g., packages/ui-voip/src/providers/useMediaSession.ts), ensure lint suggestions do not reference Biome-specific rules. Rely on general ESLint/TypeScript lint rules and project conventions instead.

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/navbar.ts
  • apps/meteor/tests/e2e/administration.spec.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2026-02-24T19:09:09.561Z
Learnt from: ahmed-n-abdeltwab
Repo: RocketChat/Rocket.Chat PR: 38974
File: apps/meteor/app/api/server/v1/im.ts:220-221
Timestamp: 2026-02-24T19:09:09.561Z
Learning: In RocketChat/Rocket.Chat OpenAPI migration PRs for apps/meteor/app/api/server/v1 endpoints, maintainers prefer to avoid any logic changes; style-only cleanups (like removing inline comments) may be deferred to follow-ups to keep scope tight.

Applied to files:

  • apps/meteor/package.json
📚 Learning: 2025-09-19T15:15:04.642Z
Learnt from: rodrigok
Repo: RocketChat/Rocket.Chat PR: 36991
File: apps/meteor/server/services/federation/infrastructure/rocket-chat/adapters/Settings.ts:219-221
Timestamp: 2025-09-19T15:15:04.642Z
Learning: The Federation_Matrix_homeserver_domain setting in apps/meteor/server/services/federation/infrastructure/rocket-chat/adapters/Settings.ts is part of the old federation system and is being deprecated/removed, so configuration issues with this setting should not be flagged for improvement.

Applied to files:

  • apps/meteor/package.json
📚 Learning: 2025-11-19T12:32:29.696Z
Learnt from: d-gubert
Repo: RocketChat/Rocket.Chat PR: 37547
File: packages/i18n/src/locales/en.i18n.json:634-634
Timestamp: 2025-11-19T12:32:29.696Z
Learning: Repo: RocketChat/Rocket.Chat
Context: i18n workflow
Learning: In this repository, new translation keys should be added to packages/i18n/src/locales/en.i18n.json only; other locale files are populated via the external translation pipeline and/or fall back to English. Do not request adding the same key to all locale files in future reviews.

Applied to files:

  • packages/ui-contexts/package.json
📚 Learning: 2025-12-10T21:00:54.909Z
Learnt from: KevLehman
Repo: RocketChat/Rocket.Chat PR: 37091
File: ee/packages/abac/jest.config.ts:4-7
Timestamp: 2025-12-10T21:00:54.909Z
Learning: Rocket.Chat monorepo: Jest testMatch pattern '<rootDir>/src/**/*.spec.(ts|js|mjs)' is valid in this repo and used across multiple packages (e.g., packages/tools, ee/packages/omnichannel-services). Do not flag it as invalid in future reviews.

Applied to files:

  • packages/gazzodown/package.json
  • packages/ui-voip/package.json
  • packages/fuselage-ui-kit/package.json
📚 Learning: 2025-11-24T17:08:17.065Z
Learnt from: CR
Repo: RocketChat/Rocket.Chat PR: 0
File: .cursor/rules/playwright.mdc:0-0
Timestamp: 2025-11-24T17:08:17.065Z
Learning: Applies to apps/meteor/tests/e2e/**/*.spec.ts : Use `expect` matchers for assertions (`toEqual`, `toContain`, `toBeTruthy`, `toHaveLength`, etc.) instead of `assert` statements in Playwright tests

Applied to files:

  • apps/meteor/tests/e2e/administration.spec.ts
📚 Learning: 2025-11-24T17:08:17.065Z
Learnt from: CR
Repo: RocketChat/Rocket.Chat PR: 0
File: .cursor/rules/playwright.mdc:0-0
Timestamp: 2025-11-24T17:08:17.065Z
Learning: Applies to apps/meteor/tests/e2e/**/*.spec.ts : Utilize Playwright fixtures (`test`, `page`, `expect`) for consistency in test files

Applied to files:

  • apps/meteor/tests/e2e/administration.spec.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2025-11-24T17:08:17.065Z
Learnt from: CR
Repo: RocketChat/Rocket.Chat PR: 0
File: .cursor/rules/playwright.mdc:0-0
Timestamp: 2025-11-24T17:08:17.065Z
Learning: Applies to apps/meteor/tests/e2e/**/*.spec.ts : Ensure tests run reliably in parallel without shared state conflicts

Applied to files:

  • apps/meteor/tests/e2e/administration.spec.ts
📚 Learning: 2025-11-24T17:08:17.065Z
Learnt from: CR
Repo: RocketChat/Rocket.Chat PR: 0
File: .cursor/rules/playwright.mdc:0-0
Timestamp: 2025-11-24T17:08:17.065Z
Learning: Applies to apps/meteor/tests/e2e/**/*.spec.ts : All test files must be created in `apps/meteor/tests/e2e/` directory

Applied to files:

  • apps/meteor/tests/e2e/administration.spec.ts
📚 Learning: 2025-11-24T17:08:17.065Z
Learnt from: CR
Repo: RocketChat/Rocket.Chat PR: 0
File: .cursor/rules/playwright.mdc:0-0
Timestamp: 2025-11-24T17:08:17.065Z
Learning: Applies to apps/meteor/tests/e2e/**/*.spec.ts : Prefer web-first assertions (`toBeVisible`, `toHaveText`, etc.) in Playwright tests

Applied to files:

  • apps/meteor/tests/e2e/administration.spec.ts
  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2026-03-15T14:31:23.493Z
Learnt from: amitb0ra
Repo: RocketChat/Rocket.Chat PR: 39647
File: apps/meteor/app/api/server/v1/users.ts:891-899
Timestamp: 2026-03-15T14:31:23.493Z
Learning: In RocketChat/Rocket.Chat, `IUser.inactiveReason` in `packages/core-typings/src/IUser.ts` is typed as `'deactivated' | 'pending_approval' | 'idle_too_long'` (optional, no `null`), but the database stores `null` for newly created users. The Typia-generated `$ref: '#/components/schemas/IUser'` schema therefore correctly rejects `null` for `inactiveReason`. This causes the test "should create a new user with default roles" to fail when response validation is active (TEST_MODE). The fix is to add `| null` to `inactiveReason` in core-typings and rebuild Typia schemas in a separate PR. Do not flag this test failure as a bug introduced by the users.create OpenAPI migration (PR `#39647`). Do not suggest inlining a custom schema to work around it, as migration rules require using `$ref` when a Typia schema exists.

Applied to files:

  • apps/meteor/tests/e2e/administration.spec.ts
📚 Learning: 2026-03-16T11:57:17.987Z
Learnt from: ricardogarim
Repo: RocketChat/Rocket.Chat PR: 39657
File: apps/meteor/tests/end-to-end/apps/app-resolve-visitor.ts:43-45
Timestamp: 2026-03-16T11:57:17.987Z
Learning: In `apps/meteor/tests/end-to-end/apps/app-resolve-visitor.ts`, `externalIds` lookups are namespaced per `app.id`. Because `cleanupApps()` is called before each test run and a fresh app is installed (giving a new unique `app.id`), fixed `userId` strings like `'nonexistent-id'` in null-path tests are safe and cannot collide with stale visitor records from previous runs. Do not flag these as needing unique/random values.

Applied to files:

  • apps/meteor/tests/e2e/administration.spec.ts
📚 Learning: 2025-11-24T17:08:17.065Z
Learnt from: CR
Repo: RocketChat/Rocket.Chat PR: 0
File: .cursor/rules/playwright.mdc:0-0
Timestamp: 2025-11-24T17:08:17.065Z
Learning: Applies to apps/meteor/tests/e2e/**/*.spec.ts : Group related tests in the same file

Applied to files:

  • apps/meteor/tests/e2e/administration.spec.ts
📚 Learning: 2026-02-24T19:22:48.358Z
Learnt from: juliajforesti
Repo: RocketChat/Rocket.Chat PR: 38493
File: apps/meteor/tests/e2e/omnichannel/omnichannel-send-pdf-transcript.spec.ts:66-67
Timestamp: 2026-02-24T19:22:48.358Z
Learning: In Playwright end-to-end tests (e.g., under apps/meteor/tests/e2e/...), prefer locating elements by translated text (getByText) and ARIA roles (getByRole) over data-qa attributes. If translation values change, update the corresponding test locators accordingly. Never use data-qa locators. This guideline applies to all Playwright e2e test specs in the repository and helps keep tests robust to UI text changes and accessible semantics.

Applied to files:

  • apps/meteor/tests/e2e/administration.spec.ts
📚 Learning: 2026-03-06T18:10:15.268Z
Learnt from: tassoevan
Repo: RocketChat/Rocket.Chat PR: 39397
File: packages/gazzodown/src/code/CodeBlock.spec.tsx:47-68
Timestamp: 2026-03-06T18:10:15.268Z
Learning: In tests (especially those using testing-library/dom/jsdom) for Rocket.Chat components, the HTML <code> element has an implicit ARIA role of 'code'. Therefore, screen.getByRole('code') or screen.findByRole('code') will locate <code> elements even without a role attribute. Do not flag findByRole('code') as invalid in reviews; prefer using the implicit role instead of adding role="code" unless necessary for accessibility.

Applied to files:

  • apps/meteor/tests/e2e/administration.spec.ts
📚 Learning: 2025-11-24T17:08:17.065Z
Learnt from: CR
Repo: RocketChat/Rocket.Chat PR: 0
File: .cursor/rules/playwright.mdc:0-0
Timestamp: 2025-11-24T17:08:17.065Z
Learning: Applies to apps/meteor/tests/e2e/**/*.spec.ts : Avoid using `page.locator()` in Playwright tests - always prefer semantic locators such as `page.getByRole()`, `page.getByLabel()`, `page.getByText()`, or `page.getByTitle()`

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2026-02-24T19:22:52.984Z
Learnt from: juliajforesti
Repo: RocketChat/Rocket.Chat PR: 38493
File: apps/meteor/tests/e2e/omnichannel/omnichannel-send-pdf-transcript.spec.ts:66-67
Timestamp: 2026-02-24T19:22:52.984Z
Learning: In RocketChat/Rocket.Chat Playwright e2e tests, prefer using translated text and ARIA roles (getByRole, getByText, etc.) over data-qa locators. If translation values change, update the corresponding test locators accordingly. Never prefer data-qa locators.

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2025-09-23T19:22:59.217Z
Learnt from: dougfabris
Repo: RocketChat/Rocket.Chat PR: 36987
File: apps/meteor/tests/e2e/page-objects/fragments/room-toolbar.ts:10-20
Timestamp: 2025-09-23T19:22:59.217Z
Learning: In Playwright e2e tests, prefer stable selectors like data-qa-id attributes over localized text in getByRole() or getByText() calls to prevent test failures when UI language changes. Test translations separately by validating actual text content after ensuring UI interactions work with stable selectors.

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
📚 Learning: 2026-03-06T18:10:23.330Z
Learnt from: tassoevan
Repo: RocketChat/Rocket.Chat PR: 39397
File: packages/gazzodown/src/code/CodeBlock.spec.tsx:47-68
Timestamp: 2026-03-06T18:10:23.330Z
Learning: In the RocketChat/Rocket.Chat `packages/gazzodown` package and more broadly, the HTML `<code>` element has an implicit ARIA role of `code` per WAI-ARIA 1.3, and `testing-library/dom` / jsdom supports it. Therefore, `screen.getByRole('code')` / `screen.findByRole('code')` correctly locates `<code>` elements without needing an explicit `role="code"` attribute. Do NOT flag `findByRole('code')` as invalid in future reviews.

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
📚 Learning: 2025-11-24T17:08:17.065Z
Learnt from: CR
Repo: RocketChat/Rocket.Chat PR: 0
File: .cursor/rules/playwright.mdc:0-0
Timestamp: 2025-11-24T17:08:17.065Z
Learning: Applies to apps/meteor/tests/e2e/**/*.{ts,spec.ts} : Follow Page Object Model pattern consistently in Playwright tests

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
📚 Learning: 2025-11-24T17:08:17.065Z
Learnt from: CR
Repo: RocketChat/Rocket.Chat PR: 0
File: .cursor/rules/playwright.mdc:0-0
Timestamp: 2025-11-24T17:08:17.065Z
Learning: Applies to apps/meteor/tests/e2e/**/*.{ts,spec.ts} : Store commonly used locators in variables/constants for reuse

Applied to files:

  • apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts
  • apps/meteor/tests/e2e/page-objects/fragments/modals/create-new-modal.ts
🔇 Additional comments (14)
packages/web-ui-registration/package.json (1)

26-27: LGTM!

Dependency version bumps are consistent with the PR objectives and align with the Fuselage package upgrades across the repository.

packages/ui-composer/package.json (1)

25-26: LGTM!

Dependency version bumps are consistent with the PR objectives and align with the Fuselage package upgrades across the repository.

packages/ui-avatar/package.json (1)

20-21: LGTM!

Dependency version bumps are consistent with the PR objectives and align with the Fuselage package upgrades across the repository.

packages/ui-voip/package.json (1)

33-34: LGTM!

Dependency version bumps are consistent with the PR objectives and align with the Fuselage package upgrades across the repository.

apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx (1)

97-97: Verify aria-label forwarding to underlying input element in Fuselage's MultiSelectFiltered component.

The aria-label prop is passed to UserAutoCompleteMultiple and spread onto MultiSelectFiltered from Fuselage, but cannot verify whether the component forwards it to its internal input element. This requires inspecting the Fuselage source code or testing with a screen reader, as Fuselage's implementation is external to this codebase.

packages/fuselage-ui-kit/package.json (1)

49-50: No actionable issues in this segment.

packages/ui-video-conf/package.json (1)

25-26: No actionable issues in this segment.

packages/ui-contexts/package.json (1)

26-27: No actionable issues in this segment.

packages/ui-client/package.json (1)

29-30: No actionable issues in this segment.

packages/storybook-config/package.json (1)

23-23: No actionable issues in this segment.

Also applies to: 39-39

packages/gazzodown/package.json (1)

34-35: No actionable issues in this segment.

apps/meteor/tests/e2e/administration.spec.ts (1)

80-80: Locator update looks correct.

Switching the visibility checks to chipUserRole is consistent and keeps the assertions web-first.

Also applies to: 100-100

apps/meteor/tests/e2e/page-objects/fragments/navbar.ts (1)

218-218: Good page-object delegation.

Using inviteUserToDM(username) keeps the DM flow encapsulated in the modal abstraction and improves maintainability.

As per coding guidelines, "Follow Page Object Model pattern consistently in Playwright tests."

apps/meteor/tests/e2e/page-objects/fragments/edit-user-flextab.ts (1)

42-43: Good locator upgrade and clearer getter naming.

This keeps the page-object API clearer and uses a semantic role-based locator.

Based on learnings: In RocketChat e2e tests, avoid data-qa attributes and prefer semantic locators such as getByRole, getByLabel, getByText, and getByTitle.

Comment thread apps/meteor/package.json
Comment thread apps/uikit-playground/package.json
Comment thread packages/livechat/package.json
@juliajforesti juliajforesti added this to the 8.4.0 milestone Mar 24, 2026
@juliajforesti juliajforesti added the stat: QA assured Means it has been tested and approved by a company insider label Mar 24, 2026
@juliajforesti juliajforesti modified the milestones: 8.4.0, 8.3.0 Mar 24, 2026
@dionisio-bot dionisio-bot Bot added the stat: ready to merge PR tested and approved waiting for merge label Mar 24, 2026
@dionisio-bot
dionisio-bot Bot added this pull request to the merge queue Mar 24, 2026
Merged via the queue into develop with commit 8c8971c Mar 24, 2026
46 checks passed
@dionisio-bot
dionisio-bot Bot deleted the chore/bump-fuselage branch March 24, 2026 18:30
ggazzo pushed a commit that referenced this pull request Mar 25, 2026
ggazzo pushed a commit that referenced this pull request Mar 25, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

stat: QA assured Means it has been tested and approved by a company insider stat: ready to merge PR tested and approved waiting for merge type: chore

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants