root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-4585): add mobile reliability view to MobileNavBar

Browse Source 
Adds mobile reliability navigation to the dashboard's MobileNavBar, including a regression test to guard against feature-access issues on small screens. Also includes the corresponding changeset for publishing the change.

Fusion-Task-Id: FN-4585
This commit is contained in:
Fusion
2026-05-15 02:13:40 -07:00
committed by gsxdsm
parent cddfc1a1a2
commit 1cc6f8342d
3 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/dashboard/app/__tests__/mobile-feature-access-regression.test.tsx
View File

@@ -159,11 +159,30 @@ describe("Mobile Feature Access Regression Guard", () => {
expect(screen.getByTestId("mobile-more-item-schedules")).toBeDefined();
expect(screen.getByTestId("mobile-more-item-github")).toBeDefined();
expect(screen.getByTestId("mobile-more-item-usage")).toBeDefined();
expect(screen.getByTestId("mobile-more-item-reliability")).toBeDefined();
expect(screen.queryByTestId("mobile-more-item-chat")).toBeNull();
expect(screen.queryByTestId("mobile-more-item-nodes")).toBeNull();
expect(screen.getByTestId("mobile-more-item-settings")).toBeDefined();
});
it("reliability view is reachable from mobile More sheet", () => {
const props = createDefaultMobileNavProps();
render(<MobileNavBar {...props} />);
fireEvent.click(screen.getByTestId("mobile-nav-tab-more"));
const reliabilityItem = screen.getByTestId("mobile-more-item-reliability");
expect(reliabilityItem).toBeDefined();
fireEvent.click(reliabilityItem);
expect(props.onChangeView).toHaveBeenCalledWith("reliability");
});
it("more tab is active when reliability view is open", () => {
render(<MobileNavBar {...createDefaultMobileNavProps()} view="reliability" />);
expect(screen.getByTestId("mobile-nav-tab-more").className).toContain("mobile-nav-tab--active");
});
it("nodes view is reachable from mobile More sheet when enabled", () => {
const props = createDefaultMobileNavProps();
render(<MobileNavBar {...props} experimentalFeatures={{ nodesView: true }} />);

11
packages/dashboard/app/components/MobileNavBar.tsx
View File

@@ -229,6 +229,7 @@ export function MobileNavBar({
const isMoreActive =
view === "documents"
|| view === "reliability"
|| (Boolean(experimentalFeatures?.evalsView) && view === "evals")
|| view === "research"
|| view === "insights"
@@ -606,6 +607,16 @@ export function MobileNavBar({
<FileText />
<span>Documents</span>
</button>
<button
type="button"
className="mobile-more-item"
data-testid="mobile-more-item-reliability"
onClick={() => handleMoreAction(() => onChangeView("reliability"))}
>
<Activity />
<span>Reliability</span>
</button>
{experimentalFeatures?.evalsView && (
<button
type="button"