mirror of
https://github.com/enso-org/enso.git
synced 2024-12-20 08:31:50 +03:00
908f426cac
1. Bumped eslint and its plugins versions, and autofix new errors (mostly eslint disables which were no longer neccessary) 2. ~~Replace eslint with eslint-p which speed up linter a bit (at least on my machine)~~ - CI machines don't like it. 3. Fixed/worked around one problem with flacky selection _unit_ tests.
101 lines
3.6 KiB
TypeScript
101 lines
3.6 KiB
TypeScript
/** @file Test the drive view. */
|
|
import * as test from '@playwright/test'
|
|
|
|
import * as actions from './actions'
|
|
|
|
const PASS_TIMEOUT = 5_000
|
|
|
|
test.test('extra columns should stick to right side of assets table', ({ page }) =>
|
|
actions
|
|
.mockAllAndLogin({ page })
|
|
.withAssetsTable(async (table) => {
|
|
await table.evaluate((element) => {
|
|
let scrollableParent: HTMLElement | SVGElement | null = element
|
|
while (
|
|
scrollableParent != null &&
|
|
scrollableParent.scrollWidth <= scrollableParent.clientWidth
|
|
) {
|
|
scrollableParent = scrollableParent.parentElement
|
|
}
|
|
scrollableParent?.scrollTo({ left: 999999, behavior: 'instant' })
|
|
})
|
|
})
|
|
.do(async (thePage) => {
|
|
const extraColumns = actions.locateExtraColumns(thePage)
|
|
const assetsTable = actions.locateAssetsTable(thePage)
|
|
await test
|
|
.expect(async () => {
|
|
const extraColumnsRight = await extraColumns.evaluate(
|
|
(element) => element.getBoundingClientRect().right,
|
|
)
|
|
const assetsTableRight = await assetsTable.evaluate(
|
|
(element) => element.getBoundingClientRect().right,
|
|
)
|
|
test.expect(extraColumnsRight).toEqual(assetsTableRight)
|
|
})
|
|
.toPass({ timeout: PASS_TIMEOUT })
|
|
}),
|
|
)
|
|
|
|
test.test('extra columns should stick to top of scroll container', async ({ page }) => {
|
|
await actions.mockAllAndLogin({
|
|
page,
|
|
setupAPI: (api) => {
|
|
for (let i = 0; i < 100; i += 1) {
|
|
api.addFile('a')
|
|
}
|
|
},
|
|
})
|
|
|
|
await actions.locateAssetsTable(page).evaluate((element) => {
|
|
let scrollableParent: HTMLElement | SVGElement | null = element
|
|
while (
|
|
scrollableParent != null &&
|
|
scrollableParent.scrollHeight <= scrollableParent.clientHeight
|
|
) {
|
|
scrollableParent = scrollableParent.parentElement
|
|
}
|
|
scrollableParent?.scrollTo({ top: 999999, behavior: 'instant' })
|
|
})
|
|
const extraColumns = actions.locateExtraColumns(page)
|
|
const assetsTable = actions.locateAssetsTable(page)
|
|
await test
|
|
.expect(async () => {
|
|
const extraColumnsTop = await extraColumns.evaluate(
|
|
(element) => element.getBoundingClientRect().top,
|
|
)
|
|
const assetsTableTop = await assetsTable.evaluate((element) => {
|
|
let scrollableParent: HTMLElement | SVGElement | null = element
|
|
while (
|
|
scrollableParent != null &&
|
|
scrollableParent.scrollHeight <= scrollableParent.clientHeight
|
|
) {
|
|
scrollableParent = scrollableParent.parentElement
|
|
}
|
|
return scrollableParent?.getBoundingClientRect().top
|
|
})
|
|
test.expect(extraColumnsTop).toEqual(assetsTableTop)
|
|
})
|
|
.toPass({ timeout: PASS_TIMEOUT })
|
|
})
|
|
|
|
test.test('can drop onto root directory dropzone', ({ page }) =>
|
|
actions
|
|
.mockAllAndLogin({ page })
|
|
.createFolder()
|
|
.uploadFile('b', 'testing')
|
|
.driveTable.doubleClickRow(0)
|
|
.driveTable.withRows(async (rows, nonAssetRows) => {
|
|
const parentLeft = await actions.getAssetRowLeftPx(rows.nth(0))
|
|
await test.expect(nonAssetRows.nth(0)).toHaveText(actions.TEXT.thisFolderIsEmpty)
|
|
const childLeft = await actions.getAssetRowLeftPx(nonAssetRows.nth(0))
|
|
test.expect(childLeft, 'Child is indented further than parent').toBeGreaterThan(parentLeft)
|
|
})
|
|
.driveTable.dragRow(1, actions.locateRootDirectoryDropzone(page))
|
|
.driveTable.withRows(async (rows) => {
|
|
const firstLeft = await actions.getAssetRowLeftPx(rows.nth(0))
|
|
const secondLeft = await actions.getAssetRowLeftPx(rows.nth(1))
|
|
test.expect(firstLeft, 'Siblings have same indentation').toEqual(secondLeft)
|
|
}),
|
|
)
|