mirror of
https://github.com/enso-org/enso.git
synced 2024-12-22 18:38:11 +03:00
37cc980082
#### Tl;dr Closes: enso-org/cloud-v2#1283 This PR significantly reimplements Offline mode <details><summary>Demo Presentation</summary> <p> https://github.com/enso-org/enso/assets/61194245/752d0423-9c0a-43ba-91e3-4a6688f77034 </p> </details> --- #### Context: Offline mode is one of the core features of the dashboard. Unfortunately, after adding new features and a few refactoring, we lost the ability to work offline. This PR should bring this functionality back, with a few key differences: 1. We require users to sign in before using the dashboard even in local mode. 2. Once a user is logged in, we allow him to work with local files 3. If a user closes the dashboard, and then open it, he can continue using it in offline mode #### This Change: What does this change do in the larger context? Specific details to highlight for review: 1. Reimplements `<AuthProvider />` functionality, now it implemented on top of `<Suspense />` and ReactQuery 2. Reimplements Backend module flow, now remote backend is always created, You no longer need to check if the RemoteBackend is present 3. Introduces new `<Suspense />` component, which is aware of offline status 4. Introduce new offline-related hooks 5. Add a banner to the form if it's unable to submit it offline 6. Refactor `InviteUserDialog` to the new `<Form />` component 7. Fixes redirect bug when the app doesn't redirect a user to the dashboard after logging in 8. Fixes strange behavior when `/users/me` could stuck into infinite refetch 9. Redesign the Cloud table for offline mode. 10. Adds blocking UI dialog when a user clicks "log out" button #### Test Plan: This PR requires thorough QA on the login flow across the browser and IDE. All redirect logic must stay unchanged. ---
63 lines
2.8 KiB
TypeScript
63 lines
2.8 KiB
TypeScript
/** @file Test dragging of labels. */
|
|
import * as test from '@playwright/test'
|
|
|
|
import * as backend from '#/services/Backend'
|
|
|
|
import * as actions from './actions'
|
|
|
|
test.test('drag labels onto single row', async ({ page }) => {
|
|
const { api } = await actions.mockAllAndLogin({ page })
|
|
const assetRows = actions.locateAssetRows(page)
|
|
const label = 'aaaa'
|
|
const labelEl = actions.locateLabelsPanelLabels(page, label)
|
|
api.addLabel(label, backend.COLORS[0])
|
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
api.addLabel('bbbb', backend.COLORS[1]!)
|
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
api.addLabel('cccc', backend.COLORS[2]!)
|
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
api.addLabel('dddd', backend.COLORS[3]!)
|
|
api.addDirectory('foo')
|
|
api.addSecret('bar')
|
|
api.addFile('baz')
|
|
api.addSecret('quux')
|
|
await actions.relog({ page })
|
|
|
|
await test.expect(labelEl).toBeVisible()
|
|
await labelEl.dragTo(assetRows.nth(1))
|
|
await test.expect(actions.locateAssetLabels(assetRows.nth(0)).getByText(label)).not.toBeVisible()
|
|
await test.expect(actions.locateAssetLabels(assetRows.nth(1)).getByText(label)).toBeVisible()
|
|
await test.expect(actions.locateAssetLabels(assetRows.nth(2)).getByText(label)).not.toBeVisible()
|
|
await test.expect(actions.locateAssetLabels(assetRows.nth(3)).getByText(label)).not.toBeVisible()
|
|
})
|
|
|
|
test.test('drag labels onto multiple rows', async ({ page }) => {
|
|
const { api } = await actions.mockAllAndLogin({ page })
|
|
const assetRows = actions.locateAssetRows(page)
|
|
const label = 'aaaa'
|
|
const labelEl = actions.locateLabelsPanelLabels(page, label)
|
|
api.addLabel(label, backend.COLORS[0])
|
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
api.addLabel('bbbb', backend.COLORS[1]!)
|
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
api.addLabel('cccc', backend.COLORS[2]!)
|
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
api.addLabel('dddd', backend.COLORS[3]!)
|
|
api.addDirectory('foo')
|
|
api.addSecret('bar')
|
|
api.addFile('baz')
|
|
api.addSecret('quux')
|
|
await actions.relog({ page })
|
|
|
|
await page.keyboard.down(await actions.modModifier(page))
|
|
await actions.clickAssetRow(assetRows.nth(0))
|
|
await actions.clickAssetRow(assetRows.nth(2))
|
|
await test.expect(labelEl).toBeVisible()
|
|
await labelEl.dragTo(assetRows.nth(2))
|
|
await page.keyboard.up(await actions.modModifier(page))
|
|
await test.expect(actions.locateAssetLabels(assetRows.nth(0)).getByText(label)).toBeVisible()
|
|
await test.expect(actions.locateAssetLabels(assetRows.nth(1)).getByText(label)).not.toBeVisible()
|
|
await test.expect(actions.locateAssetLabels(assetRows.nth(2)).getByText(label)).toBeVisible()
|
|
await test.expect(actions.locateAssetLabels(assetRows.nth(3)).getByText(label)).not.toBeVisible()
|
|
})
|