CERBERUS/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-08-03 22:32:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

🧪 test: Add E2E Regression For 2FA framer-motion Crash (#13513)

Browse source 
Add a Playwright mock e2e spec that opens Settings -> Account -> Enable 2FA
and asserts the framer-motion dialog renders. Reproduces the Vite /
framer-motion incompatibility from issue #13511: on the current build the
dialog crashes the client with "e is not a function" and never renders, so
this spec fails until the framer-motion bump in #13512 is merged.
This commit is contained in:
Danny Avila 2026-06-04 13:25:02 -04:00 • committed by GitHub
parent a11751e58a
commit f86e3ae418
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 42 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

42
e2e/specs/mock/two-factor.spec.ts Normal file
View file

@ -0,0 +1,42 @@
import { expect, test } from '@playwright/test';
import { NEW_CHAT_PATH } from './helpers';
/**
* Regression test for the framer-motion / Vite incompatibility that crashed the
* client with "e is not a function" when opening the Enable 2FA dialog
* (issue #13511). The dialog body is a framer-motion `<motion.div>`; on the
* broken build it throws while rendering, so the dialog never appears.
*
* This only reproduces in a production build (the mock harness builds the client
* via `e2e:prepare`), matching the original report.
*/
test.describe('account settings · two-factor dialog', () => {
test('opening the Enable 2FA dialog renders without a framer-motion crash', async ({ page }) => {
test.setTimeout(60000);
const framerErrors: string[] = [];
page.on('pageerror', (error) => {
if (/is not a function/i.test(error.message)) {
framerErrors.push(error.message);
}
});
await page.goto(NEW_CHAT_PATH, { timeout: 10000 });
await page.getByTestId('nav-user').click();
await page.getByRole('menuitem', { name: 'Settings' }).click();
await page.getByRole('tab', { name: 'Account' }).click();
// Opening the dialog mounts the framer-motion-animated body — the crash site.
await page.getByRole('button', { name: 'Enable 2FA' }).click();
// With the broken framer-motion build this content never renders.
await expect(page.locator('#two-factor-authentication-dialog')).toBeVisible({ timeout: 15000 });
await expect(page.getByRole('button', { name: 'Generate QR Code' })).toBeVisible();
expect(
framerErrors,
`framer-motion threw while rendering the 2FA dialog: ${framerErrors.join(' | ')}`,
).toEqual([]);
});
});