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

package.json

@@ -28,10 +28,10 @@
     "prepare": "npm run build:dist",
     "test:getopensource": "sh ./tests/git-opensource-tests.sh",
     "posttest:getopensource": "npm install",
-    "test:e2e:smoke": "npm test --workspace tests/e2e/opensource -- --config=../playwright-quickstart.config.js --project=chromium quickstartSmoke",
-    "test:e2e:quickstart": "npm test --workspace tests/e2e/opensource -- --config=../playwright-quickstart.config.js --project=chromium tests/e2e/yamcs/",
-    "test:e2e:quickstart:local": "npm test --workspace tests/e2e/opensource -- --config=../playwright-quickstart.config.js --project=local-chrome tests/e2e/yamcs/",
-    "test:e2e:watch": "npm test --workspace tests/e2e/opensource -- --ui --config=../playwright-quickstart.config.js",
+    "test:e2e:smoke": "npm test --workspace tests/e2e/opensource -- --config=../playwright-quickstart.config.mjs --project=chromium quickstartSmoke",
+    "test:e2e:quickstart": "npm test --workspace tests/e2e/opensource -- --config=../playwright-quickstart.config.mjs --project=chromium tests/e2e/yamcs/",
+    "test:e2e:quickstart:local": "npm test --workspace tests/e2e/opensource -- --config=../playwright-quickstart.config.mjs --project=local-chrome tests/e2e/yamcs/",
+    "test:e2e:watch": "npm test --workspace tests/e2e/opensource -- --ui --config=../playwright-quickstart.config.mjs",
     "wait-for-yamcs": "wait-on http-get://localhost:8090/ -v"
   },
   "keywords": [

tests/e2e/framework/quickstartFixtures.e2e.spec.mjs

@@ -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 → tests/e2e/playwright-quickstart.config.mjs

@@ -15,20 +15,20 @@ const config = {
         baseURL: 'http://localhost:9000/#',
         ignoreHTTPSErrors: true,
         myItemsFolderName: "My Items",
-        failOnConsoleError: false
+        failOnConsoleError: true
     },
     webServer: {
         cwd: '../',
         command: 'npm run start:coverage',
         url: 'http://localhost:9000/#',
         timeout: 120 * 1000,
-        reuseExistingServer: false
+        reuseExistingServer: true
     },
     workers: 1,
     projects: [
         {
             name: "chromium",
-            grepInvert: /@unstable|@snapshot|@localStorage|@addInit/,
+            grepInvert: /@snapshot|@localStorage|@addInit/,
             use: {
                 browserName: 'chromium',
                 headless: true,
@@ -40,7 +40,7 @@ const config = {
         // -- Local Browsers --
         {
             name: "local-chrome",
-            grepInvert: /@unstable|@snapshot|@localStorage|@addInit/,
+            grepInvert: /@snapshot|@localStorage|@addInit/,
             use: {
                 browserName: 'chromium',
                 channel: 'chrome'

tests/e2e/quickstartFixtures.mjs

@@ -0,0 +1,56 @@
+/*****************************************************************************
+ * 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';
+const { test, request, expect } = await import('./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');
+}
+
+//get linkZeroTelemetryToCurrentObject

tests/e2e/yamcs/actions.e2e.spec.mjs

@@ -0,0 +1,215 @@
+/*****************************************************************************
+ * 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.mjs';
+import { createDomainObjectWithDefaults, setFixedTimeMode, navigateToObjectWithRealTime,navigateToObjectWithFixedTimeBounds } from '../opensource/appActions.js';
+
+test.describe('Reload action', () => {
+  let displayLayout;
+  let batchGetResponse;
+  let battery1tempResponse;
+  let battery1tempResponseCont;
+  let battery1voltageResponse;
+  let battery1voltageResponeCont;
+  let allNetworkRequests = [];
+  test.beforeEach(async ({ page }) => {
+    await page.goto('./', { waitUntil: 'domcontentloaded' });
+
+    displayLayout = await createDomainObjectWithDefaults(page, {
+      type: 'Display Layout',
+      name: 'Display Layout'
+    });
+
+    await createDomainObjectWithDefaults(page, {
+      type: 'Telemetry Table',
+      name: 'Battery1_Temp Table'
+    });
+
+    //Expand the quickstart myproject twice to get to the telemetry in the tree
+    await page.getByLabel('Expand myproject folder').click();
+    await page.getByLabel('Expand myproject folder').click();
+
+    //Add Battery1_Temp to Battery1_Temp 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.getByLabel('Preview Battery1_Temp Table table')
+      .dragTo(page.getByLabel('Display Layout Layout Grid').locator('div').nth(1), {
+      targetPosition: { x: 0, y: 0 }
+    });
+
+    await page.getByLabel('Preview Beta Table table')
+      .dragTo(page.getByLabel('Display Layout Layout Grid').locator('div').nth(1), {
+      targetPosition: { x: 0, y: 250 }
+    });
+
+
+    await page.getByRole('button', { name: 'Save' }).click();
+    await page.getByRole('listitem', { name: 'Save and Finish Editing' }).click();
+
+  });
+
+  test('can reload telemetry table in display layout in real time mode', async ({ page }) => {
+    /*
+    * This test will 
+    * 1. Load the display layout in realtime mode with seeded values
+    * 2. Reload the telemetry table
+    * 3. Verify that the network requests are correct
+    * 4. Verify that the telemetry values are different
+    */
+
+    //Intercept the request to /api/archive/myproject/parameters/myproject/Battery1_Temp before pageload
+    await page.route('**/api/archive/myproject/parameters/myproject/Battery1_Temp**', async route => {
+      const response = await route.fetch();
+      const json = await response.json();
+
+      // Replace every "floatValue" with 1337
+      json.parameter.forEach(param => {
+        if (param.rawValue && param.rawValue.type === 'FLOAT') {
+          param.rawValue.floatValue = 1337;
+        }
+        if (param.engValue && param.engValue.type === 'FLOAT') {
+          param.engValue.floatValue = 1337;
+        }
+      });
+
+      // Fulfill using the modified JSON object
+      await route.fulfill({
+        body: JSON.stringify(json)
+      });
+    });
+    //Set to 1 Minute to reduce the time the opportunity for paginated data
+    await navigateToObjectWithRealTime(page, displayLayout.url, 60000, 0);
+
+    // Listening for all network requests and pushing them into allNetworkRequests array.
+    page.on('request', request => allNetworkRequests.push(request));
+
+    const beforeReloadBattery1TempTelemetryValue = await page
+      .getByLabel('Battery1_Temp 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 Battery1_Temp Table and verify network correctness
+    await page.waitForLoadState('networkidle');
+    allNetworkRequests = [];
+
+    //Create response promises
+    battery1tempResponse = page.waitForResponse('**/api/archive/myproject/parameters/myproject/Battery1_Temp**')
+    batchGetResponse = page.waitForResponse('**/api/processors/myproject/realtime/parameters:batchGet');
+
+    //Click on Reload Action on Battery1_Temp Table
+    await page.getByLabel('Battery1_Temp Table Frame Controls').getByLabel('View menu items').click();
+    await page.getByLabel('Reload').click();
+
+    await Promise.all([battery1tempResponse, batchGetResponse]);
+
+    await page.waitForLoadState('networkidle');
+    //Only 2 requests should be made
+    expect(allNetworkRequests.length).toBe(2);
+
+    const afterReloadAlphaTelemetryValue = await page
+      .getByLabel('Battery1_Temp 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');
+
+    //After reload, the telemetry value should be different for Battery1_Temp Table
+    expect(beforeReloadBattery1TempTelemetryValue).not.toEqual(afterReloadAlphaTelemetryValue);
+
+    expect(beforeReloadBetaTelemetryValue).toEqual(afterReloadBetaTelemetryValue);
+
+    await page.waitForLoadState('networkidle');
+    allNetworkRequests = [];
+
+    battery1tempResponse = page.waitForResponse('**/api/archive/myproject/parameters/myproject/Battery1_Temp**')
+    battery1voltageResponse = page.waitForResponse('**/api/archive/myproject/parameters/myproject/Battery1_Voltage**')
+    batchGetResponse = page.waitForResponse('**/api/processors/myproject/realtime/parameters:batchGet');
+
+    await page.getByTitle('More actions').click();
+    await page.getByRole('menuitem', { name: /Reload/ }).click();
+
+    await Promise.all([battery1tempResponse, battery1voltageResponse, batchGetResponse]);
+
+    await page.waitForLoadState('networkidle');
+    console.log(JSON.stringify(allNetworkRequests));
+
+    expect(allNetworkRequests.length).toBe(3);
+
+    const fullReloadAlphaTelemetryValue = await page
+      .getByLabel('Battery1_Temp 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('can reload telemetry table in display layout in fixed time mode', async ({ page }) => {
+    http://localhost:9000/#/browse/mine/83ae30a5-8d13-4def-881a-920b9fa795c1?tc.mode=local&tc.startDelta=60000&tc.endDelta=0&tc.timeSystem=utc
+
+
+    // Switch to fixed time mode with all plan events within the bounds
+    await navigateToObjectWithFixedTimeBounds(page, displayLayout.url, 60000, endBound);
+  });
+  test.fixme('can reload notebook', async ({ page }) => {});
+  test.fixme('can reload gauge', async ({ page }) => {});
+});