Fixed prettier issues

This commit is contained in:
Andrew Henry 2023-07-07 10:06:04 -07:00
parent 4fff6b035b
commit 6f46b4d87e
2 changed files with 209 additions and 177 deletions

View File

@ -25,9 +25,8 @@ const config = {
trace: 'on-first-retry', trace: 'on-first-retry',
video: 'off', video: 'off',
launchOptions: { launchOptions: {
args: [ args: ['--js-flags=--expose-gc']
'--js-flags=--expose-gc' }
]}
}, },
projects: [ projects: [
{ {

View File

@ -22,7 +22,7 @@
const { test, expect } = require('@playwright/test'); const { test, expect } = require('@playwright/test');
const filePath = "e2e/test-data/memory-leak-detection.json"; const filePath = 'e2e/test-data/memory-leak-detection.json';
/** /**
* Executes tests to verify that views are not leaking memory on navigation away. This sort of * Executes tests to verify that views are not leaking memory on navigation away. This sort of
* memory leak is generally caused by a failure to clean up registered listeners. * memory leak is generally caused by a failure to clean up registered listeners.
@ -39,7 +39,7 @@ const filePath = "e2e/test-data/memory-leak-detection.json";
* 7. Copy the exported file to ../test-data/memory-leak-detection.json * 7. Copy the exported file to ../test-data/memory-leak-detection.json
* *
*/ */
test.describe.only("Navigation memory leak is not detected in", () => { test.describe('Navigation memory leak is not detected in', () => {
test.beforeEach(async ({ page, browser }, testInfo) => { test.beforeEach(async ({ page, browser }, testInfo) => {
// Go to baseURL // Go to baseURL
await page.goto('./', { waitUntil: 'networkidle' }); await page.goto('./', { waitUntil: 'networkidle' });
@ -58,122 +58,150 @@ test.describe.only("Navigation memory leak is not detected in", () => {
// Click text=OK // Click text=OK
await page.locator('text=OK').click(); await page.locator('text=OK').click();
await expect( await expect(page.locator('a:has-text("Memory Leak Detection")')).toBeVisible();
page.locator('a:has-text("Memory Leak Detection")')
).toBeVisible();
}); });
test('plot view', async ({ page }) => { test('plot view', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "overlay-plot-single-1hz-swg"); const result = await navigateToObjectAndDetectMemoryLeak(page, 'overlay-plot-single-1hz-swg');
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test('stacked plot view', async ({ page }) => { test('stacked plot view', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "stacked-plot-single-1hz-swg"); const result = await navigateToObjectAndDetectMemoryLeak(page, 'stacked-plot-single-1hz-swg');
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test('LAD table view', async ({ page }) => { test('LAD table view', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "lad-table-single-1hz-swg"); const result = await navigateToObjectAndDetectMemoryLeak(page, 'lad-table-single-1hz-swg');
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test('LAD table set', async ({ page }) => { test('LAD table set', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "lad-table-set-single-1hz-swg"); const result = await navigateToObjectAndDetectMemoryLeak(page, 'lad-table-set-single-1hz-swg');
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test('telemetry table view', async ({ page }) => { test('telemetry table view', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "telemetry-table-single-1hz-swg"); const result = await navigateToObjectAndDetectMemoryLeak(
page,
'telemetry-table-single-1hz-swg'
);
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test('notebook view', async ({ page }) => { test('notebook view', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "notebook-memory-leak-detection-test"); const result = await navigateToObjectAndDetectMemoryLeak(
page,
'notebook-memory-leak-detection-test'
);
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test('display layout of a single SWG alphanumeric', async ({ page }) => { test('display layout of a single SWG alphanumeric', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "display-layout-single-1hz-swg"); const result = await navigateToObjectAndDetectMemoryLeak(page, 'display-layout-single-1hz-swg');
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test('display layout of a single SWG plot', async ({ page }) => { test('display layout of a single SWG plot', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "display-layout-single-overlay-plot"); const result = await navigateToObjectAndDetectMemoryLeak(
page,
'display-layout-single-overlay-plot'
);
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test.skip('example imagery view', async ({ page }) => { test.skip('example imagery view', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "example-imagery-memory-leak-test"); const result = await navigateToObjectAndDetectMemoryLeak(
page,
'example-imagery-memory-leak-test'
);
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test.skip('display layout of example imagery views', async ({ page }) => { test.skip('display layout of example imagery views', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "display-layout-images-memory-leak-test"); const result = await navigateToObjectAndDetectMemoryLeak(
page,
'display-layout-images-memory-leak-test'
);
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test.skip('display layout with plots of swgs, alphanumerics, and condition sets, ', async ({ page }) => { test.skip('display layout with plots of swgs, alphanumerics, and condition sets, ', async ({
await navigateToObjectAndDetectMemoryLeak(page, "display-layout-simple-telemetry"); page
}) => {
const result = await navigateToObjectAndDetectMemoryLeak(
page,
'display-layout-simple-telemetry'
);
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test.skip('flexible layout with plots of swgs', async ({ page }) => { test.skip('flexible layout with plots of swgs', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "flexible-layout-plots-memory-leak-test"); const result = await navigateToObjectAndDetectMemoryLeak(
page,
'flexible-layout-plots-memory-leak-test'
);
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test.skip('flexible layout of example imagery views', async ({ page }) => { test.skip('flexible layout of example imagery views', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "flexible-layout-images-memory-leak-test"); const result = await navigateToObjectAndDetectMemoryLeak(
page,
'flexible-layout-images-memory-leak-test'
);
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test.skip('tabbed view of display layouts and time strips', async ({ page }) => { test.skip('tabbed view of display layouts and time strips', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "tab-view-simple-memory-leak-test"); const result = await navigateToObjectAndDetectMemoryLeak(
page,
'tab-view-simple-memory-leak-test'
);
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
test.skip('time strip view of telemetry', async ({ page }) => { test.skip('time strip view of telemetry', async ({ page }) => {
await navigateToObjectAndDetectMemoryLeak(page, "time-strip-telemetry-memory-leak-test"); const result = await navigateToObjectAndDetectMemoryLeak(
page,
'time-strip-telemetry-memory-leak-test'
);
// If we got here without timing out, then the root view object was garbage collected and no memory leak was detected. // If we got here without timing out, then the root view object was garbage collected and no memory leak was detected.
expect(true) expect(result).toBe(true);
}); });
async function navigateToObjectAndDetectMemoryLeak(page, objectName) { async function navigateToObjectAndDetectMemoryLeak(page, objectName) {
await page.locator('[aria-label="OpenMCT Search"] input[type="search"]').click(); await page.locator('[aria-label="OpenMCT Search"] input[type="search"]').click();
// Fill Search input // Fill Search input
await page await page.locator('[aria-label="OpenMCT Search"] input[type="search"]').fill(objectName);
.locator('[aria-label="OpenMCT Search"] input[type="search"]')
.fill(objectName);
//Search Result Appears and is clicked //Search Result Appears and is clicked
await Promise.all([ await Promise.all([
@ -186,13 +214,18 @@ test.describe.only("Navigation memory leak is not detected in", () => {
// for detecting memory leaks. // for detecting memory leaks.
await page.evaluate(() => { await page.evaluate(() => {
window.gcPromise = new Promise((resolve) => { window.gcPromise = new Promise((resolve) => {
// eslint-disable-next-line no-undef
window.fr = new FinalizationRegistry(resolve); window.fr = new FinalizationRegistry(resolve);
window.fr.register(window.openmct.layout.$refs.browseObject.$refs.objectViewWrapper.firstChild.__vue__, 'navigatedObject', window.openmct.layout.$refs.browseObject.$refs.objectViewWrapper.firstChild.__vue__); window.fr.register(
window.openmct.layout.$refs.browseObject.$refs.objectViewWrapper.firstChild.__vue__,
'navigatedObject',
window.openmct.layout.$refs.browseObject.$refs.objectViewWrapper.firstChild.__vue__
);
}); });
}); });
// Nav back to folder // Nav back to folder
await page.goto("./#/browse/mine", { waitUntil: "networkidle" }); await page.goto('./#/browse/mine', { waitUntil: 'networkidle' });
await page.waitForNavigation(); await page.waitForNavigation();
// This next code block blocks until the finalization listener is called and the gcPromise resolved. This means that the root node for the view has been garbage collected. // This next code block blocks until the finalization listener is called and the gcPromise resolved. This means that the root node for the view has been garbage collected.
@ -213,6 +246,6 @@ test.describe.only("Navigation memory leak is not detected in", () => {
}); });
// If we get here without timing out, it means the garbage collection promise resolved and the test passed. // If we get here without timing out, it means the garbage collection promise resolved and the test passed.
expect(true); return true;
} }
}); });