enso/app/gui/integration-test/dashboard/assetPanel.spec.ts

/** @file Tests for the asset panel. */
import { expect, 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('open and close asset panel', ({ page }) =>
  actions
    .mockAllAndLogin({ page })
    .withAssetPanel(async (assetPanel) => {
      await expect(assetPanel).toBeVisible()
    })
    .toggleAssetPanel()
    .withAssetPanel(async (assetPanel) => {
      await expect(assetPanel).not.toBeVisible()
    }))

test('asset panel contents', ({ page }) =>
  actions
    .mockAllAndLogin({
      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),
              },
            },
          ],
        })
      },
    })
    .driveTable.clickRow(0)
    .toggleDescriptionAssetPanel()
    .do(async () => {
      await test.expect(actions.locateAssetPanelDescription(page)).toHaveText(DESCRIPTION)
      // `getByText` is required so that this assertion works if there are multiple permissions.
      // This is not visible; "Shared with" should only be visible on the Enterprise plan.
      // await test.expect(actions.locateAssetPanelPermissions(page).getByText(USERNAME)).toBeVisible()
    }))

test('Asset Panel Documentation view', ({ page }) => {
  return actions
    .mockAllAndLogin({
      page,
      setupAPI: (api) => {
        api.addProject('project', { description: DESCRIPTION })
      },
    })
    .driveTable.clickRow(0)
    .toggleDocsAssetPanel()
    .withAssetPanel(async (assetPanel) => {
      await expect(assetPanel.getByTestId('asset-panel-tab-panel-docs')).toBeVisible()
      await expect(assetPanel.getByTestId('asset-docs-content')).toBeVisible()
      await expect(assetPanel.getByTestId('asset-docs-content')).toHaveText(/Project Goal/)
    })
})