enso/app/ide-desktop/lib/dashboard/e2e/assetPanel.spec.ts
somebody1234 cbf6d41e4c
More E2E tests; export default classes from modules (#8730)
This is a prerequisite for adding a CI action for E2E tests.

- Fix E2E tests
- Remove visual regression testing (VRT) and associated fixtures (screenshots) for now
- Switch dashboard almost fully to Vite, from ESBuild, to match GUI2's build tooling.
- Add some new E2E tests:
- Creating assets
- Deleting assets
- Creating assets from the samples on the home page
- Sort assets
- Includes fixes for sorting:
- Group sorted assets by type again (regression) (see https://github.com/enso-org/cloud-v2/issues/554)
- Make sorting by title, case insensitive. This is because it is more intuitive for non-programmers if all items with uppercase names *aren't* separated from those with lowercase names - especially since the Windows FS is case-insensitive.
- Normalization of Unicode letters is *not* currently being done. It can potentially be added later.
- Double-clicking *anywhere* on a directory row now expands it. Previously it was only being expanded when double clicking
- Add recursive label adding/removal to mirror backend
- Note: The current implementation is not exactly the same as the backend's implementation.
- Fix https://github.com/enso-org/cloud-v2/issues/872
- Unset "saved project details" (for opening the last open project) if fetching it produces an error.

# Important Notes
- All tests pass. (run `npm run test:e2e` in `app/ide-desktop/lib/dashboard`)
- All `npm` commands should be run in `app/ide-desktop/lib/dashboard`. `dashboard:*` npm scripts have been removed from `app/ide-desktop` to prevent a mess.
- `npm run dev` confirmed to still work. Note that it has not been changed as it was already using Vite.
- `npm run build` now uses `vite build`. This has been tested using a local HTTP server that supports `404.html`.
- Other cases have been tested:
- `npm run test:e2e` works (all tests pass)
- `./run ide build` works
- `./run ide watch` works
- `./run ide2 build` works
- `./run gui watch` works
2024-01-31 11:35:41 +00:00

55 lines
1.9 KiB
TypeScript

/** @file Tests for the asset panel. */
import * as test from '@playwright/test'
import * as backend from '#/services/Backend'
import * as permissions from '#/utilities/permissions'
import * as actions from './actions'
test.test('open and close asset panel', async ({ page }) => {
await actions.mockAllAndLogin({ page })
const assetRows = actions.locateAssetRows(page)
await actions.locateNewFolderIcon(page).click()
await assetRows.nth(0).click()
await test.expect(actions.locateAssetPanel(page)).not.toBeVisible()
await actions.locateAssetPanelIcon(page).click()
await test.expect(actions.locateAssetPanel(page)).toBeVisible()
await actions.locateAssetPanelIcon(page).click()
await test.expect(actions.locateAssetPanel(page)).not.toBeVisible()
})
test.test('asset panel contents', async ({ page }) => {
const { api } = await actions.mockAll({ page })
const { defaultOrganizationId } = api
const assetRows = actions.locateAssetRows(page)
const description = 'foo bar'
const username = 'baz quux'
const email = 'baz.quux@email.com'
api.addProject('project', {
description,
permissions: [
{
permission: permissions.PermissionAction.own,
user: {
/* eslint-disable @typescript-eslint/naming-convention */
pk: backend.Subject(''),
organization_id: defaultOrganizationId,
user_name: username,
user_email: backend.EmailAddress(email),
/* eslint-enable @typescript-eslint/naming-convention */
},
},
],
})
await page.goto('/')
await actions.login({ page })
await assetRows.nth(0).click()
await actions.locateAssetPanelIcon(page).click()
await test.expect(actions.locateAssetPanelDescription(page)).toHaveText(description)
// `getByText` is required so that this assertion works if there are multiple permissions.
await test.expect(actions.locateAssetPanelPermissions(page).getByText(username)).toBeVisible()
})