a7c7c44843
- Mobile launches use the store-driven panel (no route push) so the background tab no longer changes and closing returns to where you launched from. - Tab-only apps open directly (in-app WebView on companion / new tab on PWA) — no "this app opens in a tab" interstitial. - Shared AppLoadingScreen (app icon + progress bar) on the app session and the legacy iframe overlay instead of a black screen. - Pin the dashboard to 100dvh on mobile so the mesh chat/tools panes stop sliding under the bottom tab bar in mobile browsers (no-op in the companion WebView). - ElectrumX/electrs/electrs-ui ids now resolve to the real ElectrumX icon in My Apps. - isMobile made reactive so overlay/footer/teleport decisions track the viewport. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
86 lines
2.4 KiB
TypeScript
86 lines
2.4 KiB
TypeScript
import { flushPromises, mount } from '@vue/test-utils'
|
|
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import AppSession from '../AppSession.vue'
|
|
|
|
const { mockReplace, mockPush, mockWindowOpen, mockSuppress, mockResume } = vi.hoisted(() => ({
|
|
mockReplace: vi.fn(() => Promise.resolve()),
|
|
mockPush: vi.fn(() => Promise.resolve()),
|
|
mockWindowOpen: vi.fn(),
|
|
mockSuppress: vi.fn(),
|
|
mockResume: vi.fn(),
|
|
}))
|
|
|
|
vi.mock('vue-router', () => ({
|
|
useRoute: () => ({
|
|
params: { appId: 'gitea' },
|
|
query: { returnTo: '/dashboard/apps' },
|
|
fullPath: '/dashboard/apps/session/gitea',
|
|
}),
|
|
useRouter: () => ({ replace: mockReplace, push: mockPush }),
|
|
}))
|
|
|
|
vi.mock('@/stores/appLauncher', () => ({
|
|
useAppLauncherStore: () => ({ panelAppId: null }),
|
|
}))
|
|
|
|
vi.mock('@/stores/app', () => ({
|
|
useAppStore: () => ({ data: { 'package-data': {} } }),
|
|
}))
|
|
|
|
vi.mock('@/stores/screensaver', () => ({
|
|
useScreensaverStore: () => ({ suppress: mockSuppress, resume: mockResume }),
|
|
}))
|
|
|
|
vi.mock('../appSession/useAppIdentity', () => ({
|
|
useAppIdentity: () => ({
|
|
onIdentitySelected: vi.fn(),
|
|
onIframeLoadIdentity: vi.fn(),
|
|
handleIdentityRequest: vi.fn(),
|
|
getStoredIdentity: vi.fn(),
|
|
}),
|
|
}))
|
|
|
|
vi.mock('../appSession/useNostrBridge', () => ({
|
|
useNostrBridge: () => ({ handleNostrRequest: vi.fn() }),
|
|
}))
|
|
|
|
vi.stubGlobal('open', mockWindowOpen)
|
|
|
|
describe('AppSession mobile new-tab apps', () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks()
|
|
localStorage.clear()
|
|
Object.defineProperty(window, 'innerWidth', {
|
|
value: 390,
|
|
writable: true,
|
|
configurable: true,
|
|
})
|
|
Object.defineProperty(window, 'location', {
|
|
value: { hostname: '192.168.1.228' },
|
|
writable: true,
|
|
configurable: true,
|
|
})
|
|
})
|
|
|
|
it('opens tab-only apps directly on mobile instead of showing an interstitial', async () => {
|
|
const wrapper = mount(AppSession, {
|
|
global: {
|
|
stubs: {
|
|
Teleport: true,
|
|
AppSessionHeader: true,
|
|
NostrIdentityPicker: true,
|
|
MobileGamepad: true,
|
|
},
|
|
},
|
|
})
|
|
await flushPromises()
|
|
|
|
// Tab-only app (gitea) on mobile-web: open directly in a new browser tab
|
|
// (no native bridge in the test) and dismiss the empty session — no
|
|
// "this app opens in a tab" interstitial.
|
|
expect(mockWindowOpen).toHaveBeenCalled()
|
|
expect(mockReplace).toHaveBeenCalled()
|
|
expect(wrapper.text()).not.toContain('This app opens in a new tab')
|
|
})
|
|
})
|