enso/app/dashboard/e2e
somebody1234 dc5fb1554a
Remove optimistic query hooks (#10907)
- One of many PRs that should improve Dashboard performance.
- `useMutationState` seems to be taking quite a bit of time (224ms out of 1199ms) in this trace on Firefox:
- However, I haven't really noticed any real difference, although I haven't tried too hard to find a differene
- That said, this also vastly simplifies the code in `backendHooks.ts` (by removing the vast majority of the methods)
- As a downside, well, we will no longer have optimistic updates - but I guess we are preferring a stale-while-revalidate approach anyway (React Query) when it doesn't degrade UX

![image](https://github.com/user-attachments/assets/61899313-7aaf-4158-b382-0a293a97bb71)

![image](https://github.com/user-attachments/assets/f025dd7d-7755-4000-81cd-f57efce4c4bc)

# Important Notes
None
2024-09-03 11:17:30 +00:00
..
actions Dashboard UX improvements (#10868) 2024-08-29 05:54:21 +00:00
actions.ts Dashboard UX improvements (#10868) 2024-08-29 05:54:21 +00:00
api.ts User & Team spaces (#10477) 2024-08-21 18:10:56 +00:00
assetPanel.spec.ts Require accepting Terms of Service and Privacy Policy when registering (#10772) 2024-08-28 17:51:31 +00:00
assetSearchBar.spec.ts Split ydoc server into separate module (#10735) 2024-08-08 12:12:05 +00:00
assetsTableFeatures.spec.ts Fix test report artifact upload error handling (#10789) 2024-08-12 10:25:18 +00:00
authPreserveEmail.spec.ts Show errors in forms in authentication flow (#10739) 2024-08-13 11:50:07 +00:00
copy.spec.ts Format TS code (#10648) 2024-07-26 17:47:59 +10:00
createAsset.spec.ts Format TS code (#10648) 2024-07-26 17:47:59 +10:00
dataLinkEditor.spec.ts Format TS code (#10648) 2024-07-26 17:47:59 +10:00
delete.spec.ts Format TS code (#10648) 2024-07-26 17:47:59 +10:00
driveView.spec.ts Format TS code (#10648) 2024-07-26 17:47:59 +10:00
editAssetName.spec.ts Inline modules in app/ide-desktop/ (#10305) 2024-07-17 09:10:42 +00:00
labels.spec.ts Show errors in forms in authentication flow (#10739) 2024-08-13 11:50:07 +00:00
labelsPanel.spec.ts Dashboard UX improvements (#10868) 2024-08-29 05:54:21 +00:00
latestGithubReleases.json Fix flaky dashboard E2E tests (#10773) 2024-08-12 12:55:49 +00:00
loginLogout.spec.ts Require accepting Terms of Service and Privacy Policy when registering (#10772) 2024-08-28 17:51:31 +00:00
loginScreen.spec.ts Require accepting Terms of Service and Privacy Policy when registering (#10772) 2024-08-28 17:51:31 +00:00
membersSettings.spec.ts User & Team spaces (#10477) 2024-08-21 18:10:56 +00:00
organizationSettings.spec.ts Remove optimistic query hooks (#10907) 2024-09-03 11:17:30 +00:00
pageSwitcher.spec.ts Fix flaky dashboard E2E tests (#10773) 2024-08-12 12:55:49 +00:00
README.md Split ydoc server into separate module (#10735) 2024-08-08 12:12:05 +00:00
signUp.spec.ts Show errors in forms in authentication flow (#10739) 2024-08-13 11:50:07 +00:00
sort.spec.ts Format TS code (#10648) 2024-07-26 17:47:59 +10:00
startModal.spec.ts Format TS code (#10648) 2024-07-26 17:47:59 +10:00
userMenu.spec.ts Format TS code (#10648) 2024-07-26 17:47:59 +10:00
userSettings.spec.ts Show errors in forms in authentication flow (#10739) 2024-08-13 11:50:07 +00:00

End-to-end tests

Running tests

Execute all commands from the parent directory.

# Run tests normally
pnpm run test:e2e
# Open UI to run tests
pnpm run test:e2e:debug
# Run tests in a specific file only
pnpm run test:e2e -- e2e/file-name-here.spec.ts
pnpm run test:e2e:debug -- e2e/file-name-here.spec.ts
# Compile the entire app before running the tests.
# DOES NOT hot reload the tests.
# Prefer not using this when you are trying to fix a test;
# prefer using this when you just want to know which tests are failing (if any).
PROD=1 pnpm run test:e2e
PROD=1 pnpm run test:e2e:debug
PROD=1 pnpm run test:e2e -- e2e/file-name-here.spec.ts
PROD=1 pnpm run test:e2e:debug -- e2e/file-name-here.spec.ts

Getting started

test.test('test name here', ({ page }) =>
  actions.mockAllAndLogin({ page }).then(
    // ONLY chain methods from `pageActions`.
    // Using methods not in `pageActions` is UNDEFINED BEHAVIOR.
    // If it is absolutely necessary though, please remember to `await` the method chain.
    // Note that the `async`/`await` pair is REQUIRED, as `Actions` subclasses are `PromiseLike`s,
    // not `Promise`s, which causes Playwright to output a type error.
    async ({ pageActions }) => await pageActions.goTo.drive(),
  ),
)

Perform arbitrary actions (e.g. actions on the API)

test.test('test name here', ({ page }) =>
  actions.mockAllAndLogin({ page }).then(
    async ({ pageActions, api }) =>
      await pageActions.do(() => {
        api.foo()
        api.bar()
        test.expect(api.baz()?.quux).toEqual('bar')
      }),
  ),
)