openmct/e2e/tests/functional/moveAndLinkObjects.e2e.spec.js

/*****************************************************************************
 * Open MCT, Copyright (c) 2014-2024, United States Government
 * as represented by the Administrator of the National Aeronautics and Space
 * Administration. All rights reserved.
 *
 * Open MCT is licensed under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 *
 * Open MCT includes source code licensed under additional open source
 * licenses. See the Open Source Licenses file (LICENSES.md) included with
 * this source code distribution or the Licensing information page available
 * at runtime from the About dialog for additional information.
 *****************************************************************************/

/*
This test suite is dedicated to tests which verify the basic operations surrounding moving & linking objects.
*/

import { createDomainObjectWithDefaults } from '../../appActions.js';
import { expect, test } from '../../pluginFixtures.js';

test.describe('Move & link item tests', () => {
  test('Create a basic object and verify that it can be moved to another folder', async ({
    page,
    openmctConfig
  }) => {
    const { myItemsFolderName } = openmctConfig;

    // Go to Open MCT
    await page.goto('./');

    const parentFolder = await createDomainObjectWithDefaults(page, {
      type: 'Folder',
      name: 'Parent Folder'
    });
    const childFolder = await createDomainObjectWithDefaults(page, {
      type: 'Folder',
      name: 'Child Folder',
      parent: parentFolder.uuid
    });
    const grandchildFolder = await createDomainObjectWithDefaults(page, {
      type: 'Folder',
      name: 'Grandchild Folder',
      parent: childFolder.uuid
    });

    // Attempt to move parent to its own grandparent
    await page.locator('button[title="Show selected item in tree"]').click();

    const treePane = page.getByRole('tree', {
      name: 'Main Tree'
    });
    await treePane
      .getByRole('treeitem', {
        name: 'Parent Folder'
      })
      .click({
        button: 'right'
      });

    await page
      .getByRole('menuitem', {
        name: /Move/
      })
      .click();

    const createModalTree = page.getByRole('tree', {
      name: 'Create Modal Tree'
    });
    const myItemsLocatorTreeItem = createModalTree.getByRole('treeitem', {
      name: myItemsFolderName
    });
    await myItemsLocatorTreeItem.locator('.c-disclosure-triangle').click();
    await myItemsLocatorTreeItem.click();

    const parentFolderLocatorTreeItem = createModalTree.getByRole('treeitem', {
      name: parentFolder.name
    });
    await parentFolderLocatorTreeItem.locator('.c-disclosure-triangle').click();
    await parentFolderLocatorTreeItem.click();
    await expect(page.locator('[aria-label="Save"]')).toBeDisabled();

    const childFolderLocatorTreeItem = createModalTree.getByRole('treeitem', {
      name: new RegExp(childFolder.name)
    });
    await childFolderLocatorTreeItem.locator('.c-disclosure-triangle').click();
    await childFolderLocatorTreeItem.click();
    await expect(page.locator('[aria-label="Save"]')).toBeDisabled();

    const grandchildFolderLocatorTreeItem = createModalTree.getByRole('treeitem', {
      name: grandchildFolder.name
    });
    await grandchildFolderLocatorTreeItem.locator('.c-disclosure-triangle').click();
    await grandchildFolderLocatorTreeItem.click();
    await expect(page.locator('[aria-label="Save"]')).toBeDisabled();

    await parentFolderLocatorTreeItem.click();
    await expect(page.locator('[aria-label="Save"]')).toBeDisabled();
    await page.locator('[aria-label="Cancel"]').click();

    // Move Child Folder from Parent Folder to My Items
    await treePane
      .getByRole('treeitem', {
        name: new RegExp(childFolder.name)
      })
      .click({
        button: 'right'
      });
    await page
      .getByRole('menuitem', {
        name: /Move/
      })
      .click();
    await myItemsLocatorTreeItem.click();

    await page.locator('[aria-label="Save"]').click();
    const myItemsPaneTreeItem = treePane.getByRole('treeitem', {
      name: myItemsFolderName
    });

    // Expect that Child Folder is in My Items, the root folder
    expect(myItemsPaneTreeItem.locator('nth=0:has(text=Child Folder)')).toBeTruthy();
  });
  test('Create a basic object and verify that it cannot be moved to telemetry object without Composition Provider', async ({
    page,
    openmctConfig
  }) => {
    const { myItemsFolderName } = openmctConfig;

    // Go to Open MCT
    await page.goto('./');

    // Create Telemetry Table
    let telemetryTable = 'Test Telemetry Table';
    await page.locator('button:has-text("Create")').click();
    await page.locator('li[role="menuitem"]:has-text("Telemetry Table")').click();
    await page.locator('text=Properties Title Notes >> input[type="text"]').click();
    await page.locator('text=Properties Title Notes >> input[type="text"]').fill(telemetryTable);

    await page.locator('button:has-text("OK")').click();

    // Finish editing and save Telemetry Table
    await page.locator('.c-button--menu.c-button--major.icon-save').click();
    await page.getByRole('listitem', { name: 'Save and Finish Editing' }).click();

    // Create New Folder Basic Domain Object
    let folder = 'Test Folder';
    await page.locator('button:has-text("Create")').click();
    await page.locator('li[role="menuitem"]:has-text("Folder")').click();
    await page.locator('text=Properties Title Notes >> input[type="text"]').click();
    await page.locator('text=Properties Title Notes >> input[type="text"]').fill(folder);

    // See if it's possible to put the folder in the Telemetry object during creation (Soft Assert)
    await page.locator(`form[name="mctForm"] >> text=${telemetryTable}`).click();
    let okButton = page.locator('button.c-button.c-button--major:has-text("OK")');
    let okButtonStateDisabled = await okButton.isDisabled();
    expect.soft(okButtonStateDisabled).toBeTruthy();

    // Continue test regardless of assertion and create it in My Items
    await page.locator(`form[name="mctForm"] >> text=${myItemsFolderName}`).click();
    await page.locator('button:has-text("OK")').click();

    // Open My Items
    await page.locator(`text=Open MCT ${myItemsFolderName} >> span`).nth(3).click();

    // Select Folder Object and select Move from context menu
    await Promise.all([page.waitForNavigation(), page.locator(`a:has-text("${folder}")`).click()]);
    await page
      .locator('.c-tree__item.is-navigated-object .c-tree__item__label .c-tree__item__type-icon')
      .click({
        button: 'right'
      });
    await page.locator('li.icon-move').click();

    // See if it's possible to put the folder in the Telemetry object after creation
    await page.locator(`text=Location Open MCT ${myItemsFolderName} >> span`).nth(3).click();
    await page.locator(`form[name="mctForm"] >> text=${telemetryTable}`).click();
    let okButton2 = page.locator('button.c-button.c-button--major:has-text("OK")');
    let okButtonStateDisabled2 = await okButton2.isDisabled();
    expect(okButtonStateDisabled2).toBeTruthy();
  });

  test('Create a basic object and verify that it can be linked to another folder', async ({
    page,
    openmctConfig
  }) => {
    const { myItemsFolderName } = openmctConfig;

    // Go to Open MCT
    await page.goto('./');

    const parentFolder = await createDomainObjectWithDefaults(page, {
      type: 'Folder',
      name: 'Parent Folder'
    });
    const childFolder = await createDomainObjectWithDefaults(page, {
      type: 'Folder',
      name: 'Child Folder',
      parent: parentFolder.uuid
    });
    const grandchildFolder = await createDomainObjectWithDefaults(page, {
      type: 'Folder',
      name: 'Grandchild Folder',
      parent: childFolder.uuid
    });

    // Attempt to move parent to its own grandparent
    await page.locator('button[title="Show selected item in tree"]').click();

    const treePane = page.getByRole('tree', {
      name: 'Main Tree'
    });
    await treePane
      .getByRole('treeitem', {
        name: 'Parent Folder'
      })
      .click({
        button: 'right'
      });

    await page
      .getByRole('menuitem', {
        name: /Move/
      })
      .click();

    const createModalTree = page.getByRole('tree', {
      name: 'Create Modal Tree'
    });
    const myItemsLocatorTreeItem = createModalTree.getByRole('treeitem', {
      name: myItemsFolderName
    });
    await myItemsLocatorTreeItem.locator('.c-disclosure-triangle').click();
    await myItemsLocatorTreeItem.click();

    const parentFolderLocatorTreeItem = createModalTree.getByRole('treeitem', {
      name: parentFolder.name
    });
    await parentFolderLocatorTreeItem.locator('.c-disclosure-triangle').click();
    await parentFolderLocatorTreeItem.click();
    await expect(page.locator('[aria-label="Save"]')).toBeDisabled();

    const childFolderLocatorTreeItem = createModalTree.getByRole('treeitem', {
      name: new RegExp(childFolder.name)
    });
    await childFolderLocatorTreeItem.locator('.c-disclosure-triangle').click();
    await childFolderLocatorTreeItem.click();
    await expect(page.locator('[aria-label="Save"]')).toBeDisabled();

    const grandchildFolderLocatorTreeItem = createModalTree.getByRole('treeitem', {
      name: grandchildFolder.name
    });
    await grandchildFolderLocatorTreeItem.locator('.c-disclosure-triangle').click();
    await grandchildFolderLocatorTreeItem.click();
    await expect(page.locator('[aria-label="Save"]')).toBeDisabled();

    await parentFolderLocatorTreeItem.click();
    await expect(page.locator('[aria-label="Save"]')).toBeDisabled();
    await page.locator('[aria-label="Cancel"]').click();

    // Move Child Folder from Parent Folder to My Items
    await treePane
      .getByRole('treeitem', {
        name: new RegExp(childFolder.name)
      })
      .click({
        button: 'right'
      });
    await page
      .getByRole('menuitem', {
        name: /Link/
      })
      .click();
    await myItemsLocatorTreeItem.click();

    await page.locator('[aria-label="Save"]').click();
    const myItemsPaneTreeItem = treePane.getByRole('treeitem', {
      name: myItemsFolderName
    });

    // Expect that Child Folder is in My Items, the root folder
    expect(myItemsPaneTreeItem.locator('nth=0:has(text=Child Folder)')).toBeTruthy();
  });
});

test.fixme(
  'Cannot move a previously created domain object to non-persistable object in Move Modal',
  async ({ page }) => {
    //Create a domain object
    //Save Domain object
    //Move Object and verify that cannot select non-persistable object
    //Move Object to My Items
    //Verify successful move
  }
);