[e2e] Update to quickstart fixure, add makefile, and add tests Mct7343 and 7198

src/providers/limit-provider.js

@@ -100,6 +100,7 @@ export default class LimitProvider {
         const limits = domainObject.configuration.limits;
 
         return {
+            // eslint-disable-next-line require-await
             limits: async () => limits
         };
     }

tests/e2e/framework/quickstartFixtures.e2e.spec.js

@@ -0,0 +1,49 @@
+/*****************************************************************************
+ * 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 testing our use of our custom fixtures to verify
+that they are working as expected.
+*/
+
+import { expect, filterNonFetchRequests, test} from '../quickstartFixtures.js';
+
+test.describe('quickstartFixtures tests', () => {
+    // Keeping track of network requests during the tests.
+    let allNetworkRequests = [];
+    let fetchRequests = [];
+
+    test('filterNonFetchRequests', async ({ page }) => {
+    // Listening for all network requests and pushing them into allNetworkRequests array.
+    page.on('request', request => allNetworkRequests.push(request));
+
+    // Setting up promises to wait for specific network responses.
+    // Testing the initial page load and verifying the presence of specific elements.
+    await page.goto("./", { waitUntil: "networkidle" });
+    fetchRequests = filterNonFetchRequests(allNetworkRequests);
+    expect(allNetworkRequests.length).toBeGreaterThan(0);
+    expect(fetchRequests.length).toBeGreaterThan(0);
+
+    // Removing the 'request' event listener to prevent potential memory leaks.
+    page.removeListener('request', request => allNetworkRequests.push(request));
+    });
+});

tests/e2e/playwright-quickstart.config.js

@@ -21,7 +21,7 @@ const config = {
         command: 'npm run start:coverage',
         url: 'http://localhost:9000/#',
         timeout: 120 * 1000,
-        reuseExistingServer: false
+        reuseExistingServer: true
     },
     workers: 1,
     projects: [

tests/e2e/quickstartFixtures.js

@@ -0,0 +1,54 @@
+/*****************************************************************************
+ * 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.
+ *****************************************************************************/
+
+/**
+ * The file contains custom fixtures which extend the base functionality of the Playwright fixtures
+ * and appActions. These fixtures should be generalized across all plugins.
+ */
+
+// import { createDomainObjectWithDefaults } from './appActions.js';
+import { test, request, expect } from './opensource/pluginFixtures.js';
+
+/**
+ * The name of the "My Items" folder in the domain object tree.
+ *
+ * Default: `"My Items"`
+ *
+ * @type {string}
+ */
+export const myItemsFolderName = 'My Items';
+
+export { expect, request, test };
+
+/**
+ * Filters out non-fetch requests from the given array of network requests.
+ * This includes preflight CORS, fetching stylesheets, page icons, etc.
+ * Requires that a page requests instantiated like so
+ * ```js
+ * page.on('request', request => allNetworkRequests.push(request));
+ * ```
+ * @param {Array} requests - Array of network requests to filter.
+ * @returns {Array} Filtered network requests.
+ */
+export function filterNonFetchRequests(requests) {
+    return requests.filter(request => request.resourceType() === 'fetch');
+}

tests/e2e/yamcs/actions.e2e.spec.js

@@ -0,0 +1,171 @@
+/*****************************************************************************
+ * Open MCT, Copyright (c) 2014-2022, 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.
+ *****************************************************************************/
+/*
+ * Network Specific Tests for Open MCT and YAMCS connectivity.
+ * This suite verifies the network requests made by the application to ensure correct interaction with YAMCS.
+ */
+
+import { test, expect, filterNonFetchRequests } from '../quickstartFixtures.js';
+import { createDomainObjectWithDefaults, setFixedTimeMode } from '../opensource/appActions.js';
+
+test.describe('Reload action', () => {
+    let displayLayout;
+    let batchGet;
+    let batchGet2;
+    let battery1tempRequest;
+    let battery1tempRequestCont;
+    let battery1voltageRequest;
+    let battery1voltageRequestCont;
+    let allNetworkRequests = [];
+  test.beforeEach(async ({ page }) => {
+    await page.goto('./', { waitUntil: 'domcontentloaded' });
+
+    displayLayout = await createDomainObjectWithDefaults(page, {
+      type: 'Display Layout'
+    });
+
+    await createDomainObjectWithDefaults(page, {
+      type: 'Telemetry Table',
+      name: 'Alpha Table'
+    });
+
+    //Expand the quickstart myproject twice
+    await page.getByLabel('Expand myproject folder').click();
+    await page.getByLabel('Expand myproject folder').click();
+
+    //Add Battery1_Temp to Alpha Table
+    await page.getByLabel('Edit Object').click();
+    await page.getByRole('treeitem', { name: 'Battery1_Temp' }).dragTo(page.locator('.c-table__body-w'));
+    await page.getByRole('button', { name: 'Save' }).click();
+    await page.getByRole('listitem', { name: 'Save and Finish Editing' }).click();
+
+    await createDomainObjectWithDefaults(page, {
+        type: 'Telemetry Table',
+        name: 'Beta Table'
+      });
+
+    //Add Battery1_Voltage to Beta Table
+    await page.getByLabel('Edit Object').click();
+    await page.getByRole('treeitem', { name: 'Battery1_Voltage' }).dragTo(page.locator('.c-table__body-w'));
+    await page.getByRole('button', { name: 'Save' }).click();
+    await page.getByRole('listitem', { name: 'Save and Finish Editing' }).click();
+
+    //Add both Telemetry Tables to the Display Layout
+    await page.goto(displayLayout.url, { waitUntil: 'domcontentloaded' });
+    await page.getByLabel('Edit Object', { exact: true }).click();
+    await page.getByLabel('Collapse myproject folder').first().click();
+    await page.getByLabel('Expand My Items folder').click();
+    await page.dragAndDrop(`text='Alpha Table'`, '.l-layout__grid-holder', {
+      targetPosition: { x: 0, y: 0 }
+    });
+    await page.dragAndDrop(`text='Beta Table'`, '.l-layout__grid-holder', {
+      targetPosition: { x: 0, y: 250 }
+    });
+    await page.locator('button[title="Save"]').click();
+    await page.getByRole('listitem', { name: 'Save and Finish Editing' }).click();
+
+
+    await page.goto(displayLayout.url, { waitUntil: 'networkidle' });
+    //Set to 1 Minute to reduce the time the opportunity for paginated data
+    // await page.getByRole('menuitem', { name: /Real-Time/ }).click();
+    await page.getByLabel('Start offset: 00:30:00').click();
+    await page.getByLabel('Start offset minutes').fill('1');
+    await page.getByLabel('Submit time offsets').click();
+    await page.waitForLoadState('networkidle');
+  });
+
+  test.only('can reload display layout and its telemetry table children', async ({ page }) => {
+    // Listening for all network requests and pushing them into allNetworkRequests array.
+    page.on('request', request => allNetworkRequests.push(request));
+
+    const beforeReloadAlphaTelemetryValue = await page
+      .getByLabel('Alpha Table table content')
+      .getByLabel('value table cell')
+      .first()
+      .getAttribute('title');
+    const beforeReloadBetaTelemetryValue = await page
+      .getByLabel('Beta Table table content')
+      .getByLabel('value table cell')
+      .first()
+      .getAttribute('title');
+
+    //reload Alpha Table and verify network correctness
+    await page.waitForLoadState('networkidle');
+    allNetworkRequests = [];
+
+    battery1tempRequest = page.waitForResponse('**/api/archive/myproject/parameters/myproject/Battery1_Temp**')
+    battery1tempRequestCont = page.waitForResponse('**/api/archive/myproject/parameters/myproject/Battery1_Temp**')
+    batchGet = page.waitForResponse('**/api/processors/myproject/realtime/parameters:batchGet');
+
+    await page.getByTitle('View menu items').first().click();
+    await page.getByRole('menuitem', { name: /Reload/ }).click();
+    await Promise.all([battery1tempRequest, battery1tempRequestCont, batchGet]);
+    await page.waitForLoadState('networkidle');
+    expect(allNetworkRequests.length).toBe(2);
+
+
+    const afterReloadAlphaTelemetryValue = await page
+      .getByLabel('Alpha Table table content')
+      .getByLabel('value table cell')
+      .first()
+      .getAttribute('title');
+    const afterReloadBetaTelemetryValue = await page
+      .getByLabel('Beta Table table content')
+      .getByLabel('value table cell')
+      .first()
+      .getAttribute('title');
+
+    expect(beforeReloadAlphaTelemetryValue).not.toEqual(afterReloadAlphaTelemetryValue);
+    expect(beforeReloadBetaTelemetryValue).toEqual(afterReloadBetaTelemetryValue);
+
+    await page.waitForLoadState('networkidle');
+    allNetworkRequests = [];
+
+    battery1tempRequest = page.waitForResponse('**/api/archive/myproject/parameters/myproject/Battery1_Temp**')
+    battery1voltageRequest = page.waitForResponse('**/api/archive/myproject/parameters/myproject/Battery1_Voltage**')
+    batchGet = page.waitForResponse('**/api/processors/myproject/realtime/parameters:batchGet');
+    batchGet2 = page.waitForResponse('**/api/processors/myproject/realtime/parameters:batchGet');
+
+    await page.getByTitle('More actions').click();
+    await page.getByRole('menuitem', { name: /Reload/ }).click();
+    await Promise.all([battery1tempRequest, battery1voltageRequest, batchGet, batchGet2]);
+    await page.waitForLoadState('networkidle');
+
+    expect(allNetworkRequests.length).toBe(3);
+
+    const fullReloadAlphaTelemetryValue = await page
+      .getByLabel('Alpha Table table content')
+      .getByLabel('value table cell')
+      .first()
+      .getAttribute('title');
+    const fullReloadBetaTelemetryValue = await page
+      .getByLabel('Beta Table table content')
+      .getByLabel('value table cell')
+      .first()
+      .getAttribute('title');
+
+    expect(fullReloadAlphaTelemetryValue).not.toEqual(afterReloadAlphaTelemetryValue);
+    expect(fullReloadBetaTelemetryValue).not.toEqual(afterReloadBetaTelemetryValue);
+  });
+  test.fixme('can reload notebook', async ({ page }) => {});
+  test.fixme('can reload gauge', async ({ page }) => {});
+});