diff --git a/packages/app/e2e/regression/composer-command-draft.spec.ts b/packages/app/e2e/regression/composer-command-draft.spec.ts index 757a0f40c76..4ef2f32a5aa 100644 --- a/packages/app/e2e/regression/composer-command-draft.spec.ts +++ b/packages/app/e2e/regression/composer-command-draft.spec.ts @@ -8,7 +8,8 @@ const projectID = "proj_composer_editing" const sessionID = "ses_composer_editing" const server = `http://${process.env.PLAYWRIGHT_SERVER_HOST ?? "127.0.0.1"}:${process.env.PLAYWRIGHT_SERVER_PORT ?? "4096"}` -test("preserves the draft when a populated command menu triggers a built-in", async ({ page }) => { +test("keeps a narrow session composer contained when invoking a built-in", async ({ page }) => { + await page.setViewportSize({ width: 800, height: 600 }) await mockOpenCodeServer(page, { directory, project: { @@ -40,6 +41,8 @@ test("preserves the draft when a populated command menu triggers a built-in", as .poll(() => input.evaluate((element) => getComputedStyle(element, "::before").content)) .toBe(`"${String.fromCodePoint(0x200b)}"`) await expectAppVisible(composer) + await expect(page.locator('[data-slot="session-chat-panel"]')).toHaveCSS("min-width", "0px") + await expect.poll(() => page.evaluate(() => document.documentElement.scrollWidth <= innerWidth)).toBe(true) await input.fill("keep me") await composer.getByRole("button", { name: "Add images and files" }).click() diff --git a/packages/app/src/session/screen.tsx b/packages/app/src/session/screen.tsx index 222ed54168f..7bec153f9d2 100644 --- a/packages/app/src/session/screen.tsx +++ b/packages/app/src/session/screen.tsx @@ -276,7 +276,8 @@ export function SessionScreen(props: { session: SessionModel }) {