enso/app/ide-desktop/lib/dashboard/e2e/assetPanel.spec.ts

/** @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()
})