mirror of
https://github.com/nasa/openmct.git
synced 2024-12-21 06:03:08 +00:00
cdd772aa87
* refactor: rename prop for clarity - `orientation` -> `dragOrientation` * fix(#7234): fix event name for flexible layout toolbar action * test(e2e): add tests for flexible layout toolbar actions * test: add `@localStorage` tags
321 lines
12 KiB
JavaScript
321 lines
12 KiB
JavaScript
/*****************************************************************************
|
|
* 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.
|
|
*****************************************************************************/
|
|
/* global __dirname */
|
|
/**
|
|
* This test suite is dedicated to generating LocalStorage via Session Storage to be used
|
|
* in some visual test suites like controlledClock.visual.spec.js. This suite should run to completion
|
|
* and generate an artifact in ./e2e/test-data/<name>_storage.json . This will run
|
|
* on every commit to ensure that this object still loads into tests correctly and will retain the
|
|
* *.e2e.spec.js suffix.
|
|
*
|
|
* TODO: Provide additional validation of object properties as it grows.
|
|
* Verification of object properties happens in this file before the test-data is generated,
|
|
* and is additionally verified in the validation test suites below.
|
|
*/
|
|
|
|
const { test, expect } = require('../../pluginFixtures.js');
|
|
const {
|
|
createDomainObjectWithDefaults,
|
|
createExampleTelemetryObject
|
|
} = require('../../appActions.js');
|
|
const { MISSION_TIME } = require('../../constants.js');
|
|
const path = require('path');
|
|
|
|
const overlayPlotName = 'Overlay Plot with Telemetry Object';
|
|
|
|
test.describe('Generate Visual Test Data @localStorage @generatedata', () => {
|
|
test.use({
|
|
clockOptions: {
|
|
now: MISSION_TIME,
|
|
shouldAdvanceTime: true
|
|
}
|
|
});
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
// Go to baseURL
|
|
await page.goto('./', { waitUntil: 'domcontentloaded' });
|
|
});
|
|
|
|
test('Generate display layout with 2 child display layouts', async ({ page, context }) => {
|
|
// Create Display Layout
|
|
const parent = await createDomainObjectWithDefaults(page, {
|
|
type: 'Display Layout',
|
|
name: 'Parent Display Layout'
|
|
});
|
|
const child1 = await createDomainObjectWithDefaults(page, {
|
|
type: 'Display Layout',
|
|
name: 'Child Layout 1',
|
|
parent: parent.uuid
|
|
});
|
|
const child2 = await createDomainObjectWithDefaults(page, {
|
|
type: 'Display Layout',
|
|
name: 'Child Layout 2',
|
|
parent: parent.uuid
|
|
});
|
|
|
|
await page.goto(parent.url);
|
|
await page.getByLabel('Edit').click();
|
|
await page.getByLabel(`${child2.name} Layout Grid`).hover();
|
|
await page.getByLabel('Move Sub-object Frame').nth(1).click();
|
|
await page.getByLabel('X:').fill('30');
|
|
|
|
await page.getByLabel(`${child1.name} Layout Grid`).hover();
|
|
await page.getByLabel('Move Sub-object Frame').first().click();
|
|
await page.getByLabel('Y:').fill('30');
|
|
|
|
await page.getByLabel('Save').click();
|
|
await page.getByRole('listitem', { name: 'Save and Finish Editing' }).click();
|
|
|
|
//Save localStorage for future test execution
|
|
await context.storageState({
|
|
path: path.join(__dirname, '../../../e2e/test-data/display_layout_with_child_layouts.json')
|
|
});
|
|
});
|
|
|
|
test('Generate flexible layout with 2 child display layouts', async ({ page, context }) => {
|
|
// Create Display Layout
|
|
const parent = await createDomainObjectWithDefaults(page, {
|
|
type: 'Flexible Layout',
|
|
name: 'Parent Flexible Layout'
|
|
});
|
|
await createDomainObjectWithDefaults(page, {
|
|
type: 'Display Layout',
|
|
name: 'Child Layout 1',
|
|
parent: parent.uuid
|
|
});
|
|
await createDomainObjectWithDefaults(page, {
|
|
type: 'Display Layout',
|
|
name: 'Child Layout 2',
|
|
parent: parent.uuid
|
|
});
|
|
|
|
await page.goto(parent.url);
|
|
|
|
//Save localStorage for future test execution
|
|
await context.storageState({
|
|
path: path.join(__dirname, '../../../e2e/test-data/flexible_layout_with_child_layouts.json')
|
|
});
|
|
});
|
|
|
|
// TODO: Visual test for the generated object here
|
|
// - Move to using appActions to create the overlay plot
|
|
// and embedded standard telemetry object
|
|
test('Generate Overlay Plot with Telemetry Object', async ({ page, context }) => {
|
|
// Create Overlay Plot
|
|
const overlayPlot = await createDomainObjectWithDefaults(page, {
|
|
type: 'Overlay Plot',
|
|
name: overlayPlotName
|
|
});
|
|
|
|
// Create Telemetry Object
|
|
const exampleTelemetry = await createExampleTelemetryObject(page);
|
|
|
|
// Make Link from Telemetry Object to Overlay Plot
|
|
await page.locator('button[title="More options"]').click();
|
|
|
|
// Select 'Create Link' from dropdown
|
|
await page.getByRole('menuitem', { name: ' Create Link' }).click();
|
|
|
|
// Search and Select for overlay Plot within Create Modal
|
|
await page.getByRole('dialog').getByRole('searchbox', { name: 'Search Input' }).click();
|
|
await page
|
|
.getByRole('dialog')
|
|
.getByRole('searchbox', { name: 'Search Input' })
|
|
.fill(overlayPlot.name);
|
|
await page
|
|
.getByRole('treeitem', { name: new RegExp(overlayPlot.name) })
|
|
.locator('a')
|
|
.click();
|
|
await page.getByRole('button', { name: 'Save' }).click();
|
|
|
|
await page.goto(overlayPlot.url);
|
|
|
|
// TODO: Flesh Out Assertions against created Objects
|
|
await expect(page.locator('.l-browse-bar__object-name')).toContainText(overlayPlotName);
|
|
await page.getByRole('tab', { name: 'Config' }).click();
|
|
await page
|
|
.getByRole('list', { name: 'Plot Series Properties' })
|
|
.locator('span')
|
|
.first()
|
|
.click();
|
|
|
|
// TODO: Modify the Overlay Plot to use fixed Scaling
|
|
// TODO: Verify Autoscaling.
|
|
|
|
// TODO: Fix accessibility of Plot Series Properties tables
|
|
// Assert that the Plot Series properties have the correct values
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Value")~[role=cell]:has-text("sin")')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator(
|
|
'[role=cell]:has-text("Line Method")~[role=cell]:has-text("Linear interpolation")'
|
|
)
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Markers")~[role=cell]:has-text("Point: 2px")')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Alarm Markers")~[role=cell]:has-text("Enabled")')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Limit Lines")~[role=cell]:has-text("Disabled")')
|
|
).toBeVisible();
|
|
|
|
await page.goto(exampleTelemetry.url);
|
|
await page.getByRole('tab', { name: 'Properties' }).click();
|
|
|
|
// TODO: assert Example Telemetry property values
|
|
// await page.goto(exampleTelemetry.url);
|
|
|
|
// Save localStorage for future test execution
|
|
await context.storageState({
|
|
path: path.join(__dirname, '../../../e2e/test-data/overlay_plot_storage.json')
|
|
});
|
|
});
|
|
// TODO: Merge this with previous test. Edit object created in previous test.
|
|
test('Generate Overlay Plot with 5s Delay', async ({ page, context }) => {
|
|
// add overlay plot with defaults
|
|
const overlayPlot = await createDomainObjectWithDefaults(page, {
|
|
type: 'Overlay Plot',
|
|
name: 'Overlay Plot with 5s Delay'
|
|
});
|
|
|
|
const swgWith5sDelay = await createExampleTelemetryObject(page, overlayPlot.uuid);
|
|
|
|
await page.goto(swgWith5sDelay.url);
|
|
await page.getByTitle('More options').click();
|
|
await page.getByRole('menuitem', { name: ' Edit Properties...' }).click();
|
|
|
|
//Edit Example Telemetry Object to include 5s loading Delay
|
|
await page.locator('[aria-label="Loading Delay \\(ms\\)"]').fill('5000');
|
|
|
|
await Promise.all([
|
|
page.waitForNavigation(),
|
|
page.locator('text=OK').click(),
|
|
//Wait for Save Banner to appear
|
|
page.waitForSelector('.c-message-banner__message')
|
|
]);
|
|
|
|
// focus the overlay plot
|
|
await page.goto(overlayPlot.url);
|
|
|
|
await expect(page.locator('.l-browse-bar__object-name')).toContainText(overlayPlot.name);
|
|
|
|
// Clear Recently Viewed
|
|
await page.getByRole('button', { name: 'Clear Recently Viewed' }).click();
|
|
await page.getByRole('button', { name: 'OK' }).click();
|
|
//Save localStorage for future test execution
|
|
await context.storageState({
|
|
path: path.join(__dirname, '../../../e2e/test-data/overlay_plot_with_delay_storage.json')
|
|
});
|
|
});
|
|
});
|
|
|
|
test.describe('Validate Overlay Plot with Telemetry Object @localStorage @generatedata', () => {
|
|
test.use({
|
|
storageState: path.join(__dirname, '../../../e2e/test-data/overlay_plot_storage.json')
|
|
});
|
|
test('Validate Overlay Plot with Telemetry Object', async ({ page }) => {
|
|
await page.goto('./', { waitUntil: 'domcontentloaded' });
|
|
|
|
await page.locator('a').filter({ hasText: overlayPlotName }).click();
|
|
// TODO: Flesh Out Assertions against created Objects
|
|
await expect(page.locator('.l-browse-bar__object-name')).toContainText(overlayPlotName);
|
|
await page.getByRole('tab', { name: 'Config' }).click();
|
|
await page
|
|
.getByRole('list', { name: 'Plot Series Properties' })
|
|
.locator('span')
|
|
.first()
|
|
.click();
|
|
|
|
// TODO: Modify the Overlay Plot to use fixed Scaling
|
|
// TODO: Verify Autoscaling.
|
|
|
|
// TODO: Fix accessibility of Plot Series Properties tables
|
|
// Assert that the Plot Series properties have the correct values
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Value")~[role=cell]:has-text("sin")')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator(
|
|
'[role=cell]:has-text("Line Method")~[role=cell]:has-text("Linear interpolation")'
|
|
)
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Markers")~[role=cell]:has-text("Point: 2px")')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Alarm Markers")~[role=cell]:has-text("Enabled")')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Limit Lines")~[role=cell]:has-text("Disabled")')
|
|
).toBeVisible();
|
|
});
|
|
});
|
|
|
|
test.describe('Validate Overlay Plot with 5s Delay Telemetry Object @localStorage @generatedata', () => {
|
|
test.use({
|
|
storageState: path.join(
|
|
__dirname,
|
|
'../../../e2e/test-data/overlay_plot_with_delay_storage.json'
|
|
)
|
|
});
|
|
test('Validate Overlay Plot with Telemetry Object', async ({ page }) => {
|
|
const plotName = 'Overlay Plot with 5s Delay';
|
|
await page.goto('./', { waitUntil: 'domcontentloaded' });
|
|
|
|
await page.locator('a').filter({ hasText: plotName }).click();
|
|
// TODO: Flesh Out Assertions against created Objects
|
|
await expect(page.locator('.l-browse-bar__object-name')).toContainText(plotName);
|
|
await page.getByRole('tab', { name: 'Config' }).click();
|
|
await page
|
|
.getByRole('list', { name: 'Plot Series Properties' })
|
|
.locator('span')
|
|
.first()
|
|
.click();
|
|
|
|
// TODO: Modify the Overlay Plot to use fixed Scaling
|
|
// TODO: Verify Autoscaling.
|
|
|
|
// TODO: Fix accessibility of Plot Series Properties tables
|
|
// Assert that the Plot Series properties have the correct values
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Value")~[role=cell]:has-text("sin")')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator(
|
|
'[role=cell]:has-text("Line Method")~[role=cell]:has-text("Linear interpolation")'
|
|
)
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Markers")~[role=cell]:has-text("Point: 2px")')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Alarm Markers")~[role=cell]:has-text("Enabled")')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[role=cell]:has-text("Limit Lines")~[role=cell]:has-text("Disabled")')
|
|
).toBeVisible();
|
|
});
|
|
});
|