enso/app/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'

// =================
// === Constants ===
// =================

/** An example description for the asset selected in the asset panel. */
const DESCRIPTION = 'foo bar'
/** An example owner username for the asset selected in the asset panel. */
const USERNAME = 'baz quux'
/** An example owner email for the asset selected in the asset panel. */
const EMAIL = 'baz.quux@email.com'

// =============
// === Tests ===
// =============

test.test('open and close asset panel', ({ page }) =>
  actions
    .mockAllAndLogin({ page })
    .createFolder()
    .driveTable.clickRow(0)
    .withAssetPanel(async assetPanel => {
      await actions.expectNotOnScreen(assetPanel)
    })
    .toggleAssetPanel()
    .withAssetPanel(async assetPanel => {
      await actions.expectOnScreen(assetPanel)
    })
    .toggleAssetPanel()
    .withAssetPanel(async assetPanel => {
      await actions.expectNotOnScreen(assetPanel)
    })
)

test.test('asset panel contents', ({ page }) =>
  actions
    .mockAll({
      page,
      setupAPI: api => {
        const { defaultOrganizationId, defaultUserId } = api
        api.addProject('project', {
          description: DESCRIPTION,
          permissions: [
            {
              permission: permissions.PermissionAction.own,
              user: {
                organizationId: defaultOrganizationId,
                // Using the default ID causes the asset to have a dynamic username.
                userId: backend.UserId(defaultUserId + '2'),
                name: USERNAME,
                email: backend.EmailAddress(EMAIL),
              },
            },
          ],
        })
      },
    })
    .login()
    .do(async thePage => {
      await actions.passTermsAndConditionsDialog({ page: thePage })
    })
    .driveTable.clickRow(0)
    .toggleAssetPanel()
    .do(async () => {
      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()
    })
)