mirror of
https://github.com/openobserve/openobserve.git
synced 2026-11-04 16:09:05 +00:00
73 lines
3.4 KiB
JavaScript
73 lines
3.4 KiB
JavaScript
// Copyright 2026 OpenObserve Inc.
|
|
//
|
|
// Query Management ("Running Queries") is enterprise-only and meta-org-only:
|
|
// an OSS build redirects /settings/query_management to the enterprise-locked
|
|
// page, and an enterprise build redirects any non-meta org back to General
|
|
// Settings. The page therefore has to be reached as `_meta` on an enterprise
|
|
// build, and the landing tab is User Summary — the per-query rows (and their
|
|
// Query List drawer) only exist under the All Queries tab.
|
|
|
|
const { test, navigateToBase } = require('../../utils/enhanced-baseFixtures.js');
|
|
const testLogger = require('../../utils/test-logger.js');
|
|
const PageManager = require('../../../pages/page-manager.js');
|
|
|
|
// Long enough to exceed QueryList's 300-char wrap threshold, so the SQL cell
|
|
// truncates and grows the cut-off tooltip this test is about.
|
|
const LONG_SQL = `SELECT ${Array.from({ length: 60 }, (_, i) => `col_${i}`).join(', ')} FROM "default" WHERE code = 500`;
|
|
|
|
test.describe("Query Management SQL tooltip Regression", () => {
|
|
test.describe.configure({ mode: 'serial' });
|
|
let pm;
|
|
|
|
test.beforeEach(async ({ page }, testInfo) => {
|
|
testLogger.testStart(testInfo.title, testInfo.file);
|
|
await navigateToBase(page);
|
|
pm = new PageManager(page);
|
|
});
|
|
|
|
test("the full-query tooltip stays anchored to the SQL value while it fades out @bug-2873 @P3 @regression @queryManagement", async ({ page }) => {
|
|
const edition = await pm.editionFeaturesPage.detectEdition();
|
|
test.skip(edition === 'opensource', `Query Management is enterprise-only (detected: ${edition})`);
|
|
|
|
const now = Date.now() * 1000;
|
|
// The response shape must match the API: SQL and the time range live under
|
|
// `query`, scan counters under `scan_stats`. RunningQueries flattens both
|
|
// before handing a row to the Query List drawer.
|
|
await pm.queryManagementPage.stubRunningQueries('_meta', [
|
|
{
|
|
trace_id: 'qm-tooltip-trace-1',
|
|
status: 'processing',
|
|
user_id: 'tooltip.user@example.com',
|
|
org_id: '_meta',
|
|
stream_type: 'logs',
|
|
// The All Queries tab filters by search type, and defaults to dashboards.
|
|
search_type: 'dashboards',
|
|
work_group: 'default',
|
|
created_at: now - 5000000,
|
|
started_at: now - 5000000,
|
|
query: { sql: LONG_SQL, start_time: now - 60000000, end_time: now },
|
|
scan_stats: { files: 1, records: 1, original_size: 1, compressed_size: 1 },
|
|
search_event_context: { folder_name: 'f', dashboard_name: 'd' },
|
|
},
|
|
]);
|
|
|
|
await pm.queryManagementPage.navigateToRunningQueries('_meta');
|
|
await pm.queryManagementPage.selectQueryTypeTab('all');
|
|
await pm.queryManagementPage.openFirstQueryDetails();
|
|
|
|
const sqlCell = pm.queryManagementPage.sqlValueCell('SELECT col_0');
|
|
await pm.queryManagementPage.hoverUntilTooltipShown(sqlCell);
|
|
const anchorBox = await sqlCell.boundingBox();
|
|
|
|
await pm.queryManagementPage.startSamplingBubbleRects();
|
|
await page.mouse.move(5, 5);
|
|
await pm.queryManagementPage.tooltipBubble.waitFor({ state: 'detached', timeout: 5000 });
|
|
const rects = await pm.queryManagementPage.stopSamplingBubbleRects();
|
|
|
|
testLogger.info(`sampled ${rects.length} bubble frames while closing`);
|
|
// A bubble parked at the viewport origin sits far left of the SQL cell it belongs to.
|
|
const strayFrames = rects.filter((r) => r.left < anchorBox.x - 200);
|
|
test.expect(strayFrames, 'bubble left its anchor while closing').toEqual([]);
|
|
});
|
|
});
|