mirror of
https://github.com/enso-org/enso.git
synced 2024-12-21 14:11:29 +03:00
cbf6d41e4c
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
93 lines
4.1 KiB
TypeScript
93 lines
4.1 KiB
TypeScript
/** @file Test copying, moving, cutting and pasting. */
|
|
import * as test from '@playwright/test'
|
|
|
|
import * as actions from './actions'
|
|
|
|
test.test.beforeEach(actions.mockAllAndLogin)
|
|
|
|
test.test('edit name', async ({ page }) => {
|
|
const assetRows = actions.locateAssetRows(page)
|
|
const mod = await actions.modModifier(page)
|
|
const newName = 'foo bar baz'
|
|
|
|
await actions.locateNewFolderIcon(page).click()
|
|
await actions.locateAssetRowName(assetRows.nth(0)).click({ modifiers: [mod] })
|
|
await actions.locateAssetRowName(assetRows.nth(0)).fill(newName)
|
|
await actions.locateEditingTick(assetRows.nth(0)).click()
|
|
await test.expect(assetRows).toHaveCount(1)
|
|
await test.expect(assetRows.nth(0)).toBeVisible()
|
|
await test.expect(assetRows.nth(0)).toHaveText(new RegExp('^' + newName))
|
|
})
|
|
|
|
test.test('edit name (keyboard)', async ({ page }) => {
|
|
const assetRows = actions.locateAssetRows(page)
|
|
const newName = 'foo bar baz quux'
|
|
|
|
await actions.locateNewFolderIcon(page).click()
|
|
await actions.locateAssetRowName(assetRows.nth(0)).click()
|
|
await actions.press(page, 'Mod+R')
|
|
await actions.locateAssetRowName(assetRows.nth(0)).fill(newName)
|
|
await actions.locateAssetRowName(assetRows.nth(0)).press('Enter')
|
|
await test.expect(assetRows).toHaveCount(1)
|
|
await test.expect(assetRows.nth(0)).toBeVisible()
|
|
await test.expect(assetRows.nth(0)).toHaveText(new RegExp('^' + newName))
|
|
})
|
|
|
|
test.test('cancel editing name', async ({ page }) => {
|
|
const assetRows = actions.locateAssetRows(page)
|
|
const mod = await actions.modModifier(page)
|
|
const newName = 'foo bar baz'
|
|
|
|
await actions.locateNewFolderIcon(page).click()
|
|
const oldName = (await actions.locateAssetRowName(assetRows.nth(0)).textContent()) ?? ''
|
|
await actions.locateAssetRowName(assetRows.nth(0)).click({ modifiers: [mod] })
|
|
await actions.locateAssetRowName(assetRows.nth(0)).fill(newName)
|
|
await actions.locateEditingCross(assetRows.nth(0)).click()
|
|
await test.expect(assetRows).toHaveCount(1)
|
|
await test.expect(assetRows.nth(0)).toBeVisible()
|
|
await test.expect(assetRows.nth(0)).toHaveText(new RegExp('^' + oldName))
|
|
})
|
|
|
|
test.test('cancel editing name (keyboard)', async ({ page }) => {
|
|
const assetRows = actions.locateAssetRows(page)
|
|
const newName = 'foo bar baz quux'
|
|
|
|
await actions.locateNewFolderIcon(page).click()
|
|
const oldName = (await actions.locateAssetRowName(assetRows.nth(0)).textContent()) ?? ''
|
|
await actions.locateAssetRowName(assetRows.nth(0)).click()
|
|
await actions.press(page, 'Mod+R')
|
|
await actions.locateAssetRowName(assetRows.nth(0)).fill(newName)
|
|
await actions.locateAssetRowName(assetRows.nth(0)).press('Escape')
|
|
await test.expect(assetRows).toHaveCount(1)
|
|
await test.expect(assetRows.nth(0)).toBeVisible()
|
|
await test.expect(assetRows.nth(0)).toHaveText(new RegExp('^' + oldName))
|
|
})
|
|
|
|
test.test('change to blank name', async ({ page }) => {
|
|
const assetRows = actions.locateAssetRows(page)
|
|
const mod = await actions.modModifier(page)
|
|
|
|
await actions.locateNewFolderIcon(page).click()
|
|
const oldName = (await actions.locateAssetRowName(assetRows.nth(0)).textContent()) ?? ''
|
|
await actions.locateAssetRowName(assetRows.nth(0)).click({ modifiers: [mod] })
|
|
await actions.locateAssetRowName(assetRows.nth(0)).fill('')
|
|
await actions.locateEditingTick(assetRows.nth(0)).click()
|
|
await test.expect(assetRows).toHaveCount(1)
|
|
await test.expect(assetRows.nth(0)).toBeVisible()
|
|
await test.expect(assetRows.nth(0)).toHaveText(new RegExp('^' + oldName))
|
|
})
|
|
|
|
test.test('change to blank name (keyboard)', async ({ page }) => {
|
|
const assetRows = actions.locateAssetRows(page)
|
|
|
|
await actions.locateNewFolderIcon(page).click()
|
|
const oldName = (await actions.locateAssetRowName(assetRows.nth(0)).textContent()) ?? ''
|
|
await actions.locateAssetRowName(assetRows.nth(0)).click()
|
|
await actions.press(page, 'Mod+R')
|
|
await actions.locateAssetRowName(assetRows.nth(0)).fill('')
|
|
await actions.locateAssetRowName(assetRows.nth(0)).press('Enter')
|
|
await test.expect(assetRows).toHaveCount(1)
|
|
await test.expect(assetRows.nth(0)).toBeVisible()
|
|
await test.expect(assetRows.nth(0)).toHaveText(new RegExp('^' + oldName))
|
|
})
|