mirror of
https://github.com/openobserve/openobserve.git
synced 2026-11-06 00:09:22 +00:00
546 lines
19 KiB
JavaScript
546 lines
19 KiB
JavaScript
import { test, expect } from "@playwright/test";
|
|
import { login } from "../utils/dashLogin";
|
|
import { ingestion } from "../utils/dashIngestion";
|
|
import logsdata from "../../../test-data/logs_data.json";
|
|
|
|
import logData from "../../cypress/fixtures/log.json";
|
|
import { log } from "console";
|
|
|
|
test.describe.configure({ mode: "parallel" });
|
|
const selectStreamAndStreamTypeForLogs = async (page, stream) => {
|
|
await page.waitForTimeout(4000);
|
|
await page
|
|
.locator('[data-test="log-search-index-list-select-stream"]')
|
|
.click({ force: true });
|
|
await page.locator("div.q-item").getByText(`${stream}`).first().click();
|
|
};
|
|
|
|
test.describe("logs testcases", () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await login(page);
|
|
await page.waitForTimeout(1000);
|
|
await ingestion(page);
|
|
await page.waitForTimeout(2000);
|
|
|
|
await page.goto(
|
|
`${logData.logsUrl}?org_identifier=${process.env["ORGNAME"]}`
|
|
);
|
|
|
|
await selectStreamAndStreamTypeForLogs(page, logData.Stream);
|
|
});
|
|
|
|
test("should create logs when queries are ingested into the search field", async ({
|
|
page,
|
|
}) => {
|
|
await page.locator('[data-test="menu-link-\\/logs-item"]').click();
|
|
await page
|
|
.getByRole("switch", { name: "SQL Mode" })
|
|
.locator("div")
|
|
.nth(2)
|
|
.click();
|
|
await page.waitForTimeout(1000);
|
|
await page
|
|
.locator('[data-test="logs-search-index-list"]')
|
|
.getByText("arrow_drop_down")
|
|
.click();
|
|
await page
|
|
.locator(
|
|
'[data-test="log-search-index-list-stream-toggle-e2e_automate"] div'
|
|
)
|
|
.nth(2)
|
|
.click();
|
|
await page.locator('[data-test="date-time-btn"]').click();
|
|
await page.locator('[data-test="date-time-relative-6-w-btn"]').click();
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
});
|
|
|
|
test("should set the default chart type and default X and Y axes to automatic after clicking the Visualize button", async ({
|
|
page,
|
|
}) => {
|
|
await page.locator('[data-test="menu-link-\\/logs-item"]').click();
|
|
await page
|
|
.locator('[data-test="logs-search-index-list"]')
|
|
.getByText("arrow_drop_down")
|
|
.click();
|
|
await page.locator('[data-test="logs-logs-toggle"]').click();
|
|
await page.waitForTimeout(1000);
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
await page.locator('[data-test="selected-chart-bar-item"]').click();
|
|
await page.locator('[data-test="dashboard-x-item-_timestamp"]').click();
|
|
await expect(
|
|
page.locator('[data-test="dashboard-x-item-_timestamp"]')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[data-test="dashboard-y-item-_timestamp"]')
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("should adjust the displayed data effectively when editing the X-axis and Y-axis on the chart.", async ({
|
|
page,
|
|
}) => {
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
await page
|
|
.locator('[data-test="dashboard-x-item-_timestamp-remove"]')
|
|
.click();
|
|
await page.getByText("Chart configuration has been").click();
|
|
await expect(page.getByText("Chart configuration has been")).toBeVisible();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await expect(page.getByText("There are some errors, please")).toBeVisible();
|
|
await page
|
|
.locator(
|
|
'[data-test="field-list-item-logs-e2e_automate-kubernetes_container_hash"] [data-test="dashboard-add-x-data"]'
|
|
)
|
|
.click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await page
|
|
.locator('[data-test="dashboard-y-item-_timestamp-remove"]')
|
|
.click();
|
|
await page
|
|
.locator(
|
|
'[data-test="field-list-item-logs-e2e_automate-kubernetes_container_image"] [data-test="dashboard-add-y-data"]'
|
|
)
|
|
.click();
|
|
const search = page.waitForResponse(logData.applyQuery);
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await expect
|
|
.poll(async () => (await search).status(), { timeout: 15000 })
|
|
.toBe(200);
|
|
await page.waitForLoadState("networkidle");
|
|
await page.waitForTimeout(1000);
|
|
|
|
await page
|
|
.locator('[data-test="chart-renderer"] canvas')
|
|
.last()
|
|
.click({
|
|
position: {
|
|
x: 470,
|
|
y: 13,
|
|
},
|
|
});
|
|
});
|
|
|
|
test("should correctly plot the data according to the new chart type when changing the chart type.", async ({
|
|
page,
|
|
}) => {
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
await page
|
|
.locator(
|
|
'[data-test="field-list-item-logs-e2e_automate-kubernetes_annotations_kubernetes_io_psp"] [data-test="dashboard-add-b-data"]'
|
|
)
|
|
.click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await page.locator('[data-test="selected-chart-line-item"]').click();
|
|
|
|
await expect(
|
|
page.locator('[data-test="chart-renderer"] canvas').last()
|
|
).toBeVisible();
|
|
await page.locator('[data-test="date-time-btn"]').click();
|
|
await page.locator('[data-test="date-time-relative-6-w-btn"]').click();
|
|
|
|
await page
|
|
.locator('[data-test="chart-renderer"] canvas')
|
|
.last()
|
|
.click({
|
|
position: {
|
|
x: 457,
|
|
y: 135,
|
|
},
|
|
});
|
|
await page.locator('[data-test="selected-chart-area-item"]').click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await page
|
|
.locator('[data-test="chart-renderer"] canvas')
|
|
.last()
|
|
.click({
|
|
position: {
|
|
x: 590,
|
|
y: 127,
|
|
},
|
|
});
|
|
await page
|
|
.locator('[data-test="selected-chart-area-stacked-item"]')
|
|
.click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await page
|
|
.locator('[data-test="chart-renderer"] canvas')
|
|
.last()
|
|
.click({
|
|
position: {
|
|
x: 475,
|
|
y: 45,
|
|
},
|
|
});
|
|
await page.locator('[data-test="selected-chart-h-bar-item"]').click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await page
|
|
.locator('[data-test="chart-renderer"] canvas')
|
|
.last()
|
|
.click({
|
|
position: {
|
|
x: 722,
|
|
y: 52,
|
|
},
|
|
});
|
|
await page.locator('[data-test="selected-chart-scatter-item"]').click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await page
|
|
.locator('[data-test="chart-renderer"] canvas')
|
|
.last()
|
|
.click({
|
|
position: {
|
|
x: 362,
|
|
y: 30,
|
|
},
|
|
});
|
|
await page.locator('[data-test="selected-chart-pie-item"]').click();
|
|
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
|
|
await page
|
|
.locator('[data-test="chart-renderer"] canvas')
|
|
.last()
|
|
.click({
|
|
position: {
|
|
x: 650,
|
|
y: 85,
|
|
},
|
|
});
|
|
await page.locator('[data-test="selected-chart-donut-item"]').click();
|
|
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await page
|
|
.locator('[data-test="chart-renderer"] canvas')
|
|
.last()
|
|
.click({
|
|
position: {
|
|
x: 216,
|
|
y: 53,
|
|
},
|
|
});
|
|
await page.locator('[data-test="selected-chart-gauge-item"]').click();
|
|
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await page
|
|
.locator('[data-test="chart-renderer"] canvas')
|
|
.last()
|
|
.click({
|
|
position: {
|
|
x: 423,
|
|
y: 127,
|
|
},
|
|
});
|
|
});
|
|
|
|
test("should not reflect changes in the search query on the logs page if a field is changed or added in the visualization", async ({
|
|
page,
|
|
}) => {
|
|
// remain to mention compare qaury
|
|
|
|
await page.locator('[data-test="date-time-btn"]').click();
|
|
await page.locator('[data-test="date-time-relative-6-w-btn"]').click();
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page.getByLabel('Expand "kubernetes_container_image"').click();
|
|
await page
|
|
.locator(
|
|
'[data-test="logs-search-subfield-add-kubernetes_container_image-058694856476\\.dkr\\.ecr\\.us-west-2\\.amazonaws\\.com\\/ziox\\:v0\\.0\\.3"] [data-test="log-search-subfield-list-equal-kubernetes_container_image-field-btn"]'
|
|
)
|
|
.click();
|
|
await page
|
|
.locator(
|
|
'[data-test="logs-search-subfield-add-kubernetes_container_image-sha256\\:90e0a12eae07ad3d0bbfbb73b076ba3ce6e5ad38fb93babc22fba4d19206ca6b"] [data-test="log-search-subfield-list-not-equal-kubernetes_container_image-field-btn"]'
|
|
)
|
|
.click();
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
await page
|
|
.locator(
|
|
'[data-test="field-list-item-logs-e2e_automate-kubernetes_annotations_kubernetes_io_psp"] [data-test="dashboard-add-b-data"]'
|
|
)
|
|
.click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await page.locator('[data-test="logs-logs-toggle"]').click();
|
|
await page.locator('[data-test="confirm-button"]').click();
|
|
});
|
|
|
|
test("should handle an empty query in visualization without displaying an error.", async ({
|
|
page,
|
|
}) => {
|
|
await page.locator(".view-line").first().click();
|
|
await page.locator('[data-test="date-time-btn"]').click();
|
|
await page.locator('[data-test="date-time-relative-6-w-btn"]').click();
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
await expect(page.locator(".view-line").first()).toBeVisible();
|
|
await expect(
|
|
page.locator('[data-test="dashboard-x-item-_timestamp"]')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[data-test="dashboard-y-item-_timestamp"]')
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("should display an error message on the logs page for an invalid query", async ({
|
|
page,
|
|
}) => {
|
|
// Click on the line view
|
|
await page.locator(".view-line").first().click();
|
|
|
|
// Enter an invalid query into the search bar
|
|
await page
|
|
.locator('[data-test="logs-search-bar-query-editor"]')
|
|
.locator('.inputarea')
|
|
.fill("select from user whare ID =1");
|
|
|
|
// Refresh the search
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
|
|
await page.waitForTimeout(2000);
|
|
|
|
// Wait for the error message to appear
|
|
await page.getByText("Search field not found: as");
|
|
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
|
|
// Verify that X and Y axis items are visible
|
|
await expect(
|
|
page.locator('[data-test="dashboard-x-item-_timestamp"]')
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator('[data-test="dashboard-y-item-_timestamp"]')
|
|
).toBeVisible();
|
|
|
|
// Perform additional visualization actions
|
|
await page
|
|
.locator("label")
|
|
.filter({ hasText: "Streamarrow_drop_down" })
|
|
.locator("i")
|
|
.click();
|
|
|
|
await page.waitForTimeout(1000);
|
|
await page.locator('[data-test="date-time-btn"]').click();
|
|
await page.locator('[data-test="date-time-relative-6-w-btn"]').click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
});
|
|
|
|
test("should not update the query on the logs page when switching between logs and visualization, even if changes are made in any field in the visualization.", async ({
|
|
page,
|
|
}) => {
|
|
// Chart should not reflect changes made to X or Y axis.
|
|
|
|
await page.locator('[data-test="date-time-btn"]').click();
|
|
await page.locator('[data-test="date-time-relative-6-w-btn"]').click();
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page.getByLabel('Expand "kubernetes_container_hash"').click();
|
|
await page
|
|
.locator(
|
|
'[data-test="logs-search-subfield-add-kubernetes_container_hash-058694856476\\.dkr\\.ecr\\.us-west-2\\.amazonaws\\.com\\/ziox\\@sha256\\:3dbbb0dc1eab2d5a3b3e4a75fd87d194e8095c92d7b2b62e7cdbd07020f54589"] [data-test="log-search-subfield-list-equal-kubernetes_container_hash-field-btn"]'
|
|
)
|
|
.click();
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
|
|
let exceptionBefore = null;
|
|
let exceptionAfter = null;
|
|
|
|
// try and catch block for compare tow field.
|
|
|
|
try {
|
|
await expect(
|
|
page.locator(
|
|
'[data-test="dashboard-add-condition-label-0-kubernetes_container_hash"]'
|
|
)
|
|
).toBeVisible();
|
|
} catch (e) {
|
|
exceptionBefore = e;
|
|
}
|
|
|
|
await page.locator('[data-test="dashboard-add-condition-remove"]').click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
await page.locator('[data-test="logs-logs-toggle"]').click();
|
|
await page.locator('[data-test="confirm-button"]').click();
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
|
|
try {
|
|
await expect(
|
|
page.locator(
|
|
'[data-test="dashboard-add-condition-label-0-kubernetes_container_hash"]'
|
|
)
|
|
).toBeVisible();
|
|
} catch (e) {
|
|
exceptionAfter = e;
|
|
}
|
|
|
|
expect(exceptionBefore).toBe(exceptionAfter);
|
|
|
|
// Perform an additional refresh to ensure consistency
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
});
|
|
|
|
test("should make the data disappear on the visualization page after a page refresh and navigate to the logs page", async ({
|
|
page,
|
|
}) => {
|
|
//Except : Data should be vanished, and tab is changed from Visualize to Search.
|
|
|
|
// Perform the initial actions
|
|
await page.locator('[data-test="date-time-btn"]').click();
|
|
await page.locator('[data-test="date-time-relative-6-w-btn"]').click();
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
await page
|
|
.locator('[data-test="index-field-search-input"]')
|
|
.fill("kubernetes_container_hash");
|
|
await page
|
|
.locator(
|
|
'[data-test="field-list-item-logs-e2e_automate-kubernetes_container_hash"] [data-test="dashboard-add-y-data"]'
|
|
)
|
|
.click();
|
|
await page.locator('[data-test="index-field-search-input"]').fill("");
|
|
await page
|
|
.locator('[data-test="index-field-search-input"]')
|
|
.fill("kubernetes_container_name");
|
|
await page
|
|
.locator(
|
|
'[data-test="field-list-item-logs-e2e_automate-kubernetes_container_name"] [data-test="dashboard-add-b-data"]'
|
|
)
|
|
.click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-visualize-refresh-btn"]')
|
|
.click();
|
|
|
|
// Reload the page
|
|
await page.reload();
|
|
|
|
// Verify the field is empty
|
|
await expect(page.locator(".view-line").first()).toBeEmpty();
|
|
});
|
|
|
|
test("should handle large datasets and complex SQL queries without showing an error on the chart", async ({
|
|
page,
|
|
}) => {
|
|
// Focus on the text editor and replace existing text with the SQL query
|
|
const textEditor = page.locator(".view-line").first();
|
|
await textEditor.click();
|
|
|
|
const sqlQuery = `SELECT kubernetes_annotations_kubectl_kubernetes_io_default_container as "x_axis_1",
|
|
count(kubernetes_container_hash) as "y_axis_1",
|
|
count(kubernetes_container_name) as "y_axis_2",
|
|
count(kubernetes_host) as "y_axis_3",
|
|
count(kubernetes_labels_app_kubernetes_io_instance) as "y_axis_4",
|
|
count(kubernetes_labels_app_kubernetes_io_name) as "y_axis_5",
|
|
count(kubernetes_labels_app_kubernetes_io_version) as "y_axis_6",
|
|
count(kubernetes_labels_operator_prometheus_io_name) as "y_axis_7",
|
|
count(kubernetes_labels_prometheus) as "y_axis_8",
|
|
kubernetes_labels_statefulset_kubernetes_io_pod_name as "breakdown_1"
|
|
FROM "e2e_automate"
|
|
WHERE kubernetes_namespace_name IS NOT NULL
|
|
GROUP BY x_axis_1, breakdown_1`;
|
|
|
|
// Clear the existing text and input the new SQL query
|
|
// await textEditor.fill('');
|
|
await textEditor.type(sqlQuery);
|
|
|
|
// Apply the time filter and refresh the search
|
|
await page.locator('[data-test="date-time-btn"]').click();
|
|
await page.locator('[data-test="date-time-relative-6-w-btn"]').click();
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
|
|
// Switch to SQL mode, apply the query, and refresh the search
|
|
await page
|
|
.getByRole("switch", { name: "SQL Mode" })
|
|
.locator("div")
|
|
.nth(2)
|
|
.click();
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
|
|
// Toggle visualization
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
|
|
// Check for any error messages or indicators
|
|
const errorMessage = page.locator('[data-test="error-message"]'); // Update the selector based on your app's error message display
|
|
const errorCount = await errorMessage.count();
|
|
|
|
// Assert that no error messages are displayed
|
|
await expect(errorCount).toBe(0); // Fail the test if any error messages are present
|
|
});
|
|
|
|
test("Ensure that switching between logs to visualize and back again results in the dropdown appearing blank, and the row is correctly handled.", async ({
|
|
page,
|
|
}) => {
|
|
// Interact with various elements
|
|
await page.locator('[data-test="date-time-btn"]').click();
|
|
await page.locator('[data-test="date-time-relative-6-w-btn"]').click();
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
await page.locator('[data-test="logs-logs-toggle"]').click();
|
|
await expect(page.getByText("Navigating away from")).toBeVisible();
|
|
await page.locator('[data-test="confirm-button"]').click();
|
|
|
|
await page.waitForSelector('[data-test="logs-visualize-toggle"]');
|
|
|
|
await page.locator('[data-test="logs-visualize-toggle"]').click();
|
|
|
|
await page.waitForSelector('[data-test="index-dropdown-stream"]');
|
|
|
|
// Open the dropdown
|
|
await page.locator('[data-test="index-dropdown-stream"]').click();
|
|
|
|
let previousCount = -1;
|
|
let currentCount = 0;
|
|
const maxRetries = 10;
|
|
|
|
for (let i = 0; i < maxRetries; i++) {
|
|
const options = await page.getByRole("option");
|
|
currentCount = await options.count();
|
|
|
|
if (currentCount > 0 && currentCount === previousCount) {
|
|
break; // Options loaded and stable
|
|
}
|
|
|
|
previousCount = currentCount;
|
|
await page.waitForTimeout(300); // Small delay before checking again
|
|
}
|
|
|
|
expect(currentCount).toBeGreaterThan(0);
|
|
|
|
// Validate the row element
|
|
const row = page
|
|
.getByRole("row", { name: "_timestamp +X +Y +B +F" })
|
|
.first();
|
|
await expect(row).toBeVisible(); // Use visible check
|
|
});
|
|
});
|