diff --git a/packages/frontend/core/src/modules/app-sidebar/views/open-in-app-card/open-in-app-card.tsx b/packages/frontend/core/src/modules/app-sidebar/views/open-in-app-card/open-in-app-card.tsx
index f1d09d748b2e9..0a9be8aec74a4 100644
--- a/packages/frontend/core/src/modules/app-sidebar/views/open-in-app-card/open-in-app-card.tsx
+++ b/packages/frontend/core/src/modules/app-sidebar/views/open-in-app-card/open-in-app-card.tsx
@@ -38,7 +38,11 @@ export const OpenInAppCard = () => {
   const appIcon = appIconMap[BUILD_CONFIG.appBuildType];
 
   return (
-    <div className={styles.root} data-hidden={!show}>
+    <div
+      data-testid="open-in-app-card"
+      className={styles.root}
+      data-hidden={!show}
+    >
       <div className={styles.appIconCol}>
         <img src={appIcon} alt="app icon" width={48} height={48} />
       </div>
diff --git a/tests/affine-cloud/e2e/open-in-app.spec.ts b/tests/affine-cloud/e2e/open-in-app.spec.ts
new file mode 100644
index 0000000000000..c54de6943e42d
--- /dev/null
+++ b/tests/affine-cloud/e2e/open-in-app.spec.ts
@@ -0,0 +1,59 @@
+import { test } from '@affine-test/kit/playwright';
+import {
+  createRandomUser,
+  deleteUser,
+  enableCloudWorkspace,
+  loginUser,
+} from '@affine-test/kit/utils/cloud';
+import { waitForEditorLoad } from '@affine-test/kit/utils/page-logic';
+import { expect } from '@playwright/test';
+
+let user: {
+  id: string;
+  name: string;
+  email: string;
+  password: string;
+};
+
+test.beforeEach(async ({ page }) => {
+  user = await createRandomUser();
+  await loginUser(page, user);
+  await enableCloudWorkspace(page);
+  await waitForEditorLoad(page);
+  await page.reload();
+  await waitForEditorLoad(page);
+});
+
+test.afterEach(async () => {
+  // if you want to keep the user in the database for debugging,
+  // comment this line
+  await deleteUser(user.email);
+});
+
+test('open in app card should be shown for cloud workspace', async ({
+  page,
+}) => {
+  await expect(page.getByTestId('open-in-app-card')).toBeVisible();
+
+  await page
+    .getByTestId('open-in-app-card')
+    .getByRole('checkbox', {
+      name: 'Remember choice',
+    })
+    .locator('input')
+    .click();
+
+  await page
+    .getByRole('button', {
+      name: 'Dismiss',
+    })
+    .click();
+
+  await expect(page.getByTestId('open-in-app-card')).not.toBeInViewport();
+
+  await page.reload();
+
+  await expect(page.getByTestId('open-in-app-card')).not.toBeInViewport();
+
+  // seems there is no way to bypass the open popup blocker via playwright
+});