mirror of
https://github.com/openobserve/openobserve.git
synced 2026-11-04 16:09:05 +00:00
06920b203b
Co-authored-by: ktx-vaidehi <vaidehi.akhani@kiara.tech> Co-authored-by: sai nikhil kethe <nikhil@openobserve.ai>
932 lines
39 KiB
JavaScript
932 lines
39 KiB
JavaScript
import { test, expect } from './baseFixtures';
|
|
import logData from "../../ui-testing/cypress/fixtures/log.json";
|
|
import logsdata from "../../test-data/logs_data.json";
|
|
import { toZonedTime } from "date-fns-tz";
|
|
import { LogsPage } from '../pages/logsPage.js';
|
|
|
|
test.describe.configure({ mode: "parallel" });
|
|
const folderName = `Folder ${Date.now()}`;
|
|
const dashboardName = `AutomatedDashboard${Date.now()}`;
|
|
|
|
async function login(page) {
|
|
|
|
await page.goto(process.env["ZO_BASE_URL"]);
|
|
if (await page.getByText('Login as internal user').isVisible()) {
|
|
await page.getByText('Login as internal user').click();
|
|
}
|
|
console.log("ZO_BASE_URL", process.env["ZO_BASE_URL"]);
|
|
await page.waitForTimeout(1000);
|
|
|
|
await page
|
|
.locator('[data-cy="login-user-id"]')
|
|
.fill(process.env["ZO_ROOT_USER_EMAIL"]);
|
|
//Enter Password
|
|
await page
|
|
.locator('[data-cy="login-password"]')
|
|
.fill(process.env["ZO_ROOT_USER_PASSWORD"]);
|
|
await page.locator('[data-cy="login-sign-in"]').click();
|
|
await page.waitForTimeout(4000);
|
|
await page.goto(process.env["ZO_BASE_URL"]);
|
|
}
|
|
|
|
async function ingestion(page) {
|
|
const orgId = process.env["ORGNAME"];
|
|
const streamName = "e2e_automate";
|
|
const basicAuthCredentials = Buffer.from(
|
|
`${process.env["ZO_ROOT_USER_EMAIL"]}:${process.env["ZO_ROOT_USER_PASSWORD"]}`
|
|
).toString('base64');
|
|
|
|
const headers = {
|
|
"Authorization": `Basic ${basicAuthCredentials}`,
|
|
"Content-Type": "application/json",
|
|
};
|
|
const response = await page.evaluate(async ({ url, headers, orgId, streamName, logsdata }) => {
|
|
const fetchResponse = await fetch(`${url}/api/${orgId}/${streamName}/_json`, {
|
|
method: 'POST',
|
|
headers: headers,
|
|
body: JSON.stringify(logsdata)
|
|
});
|
|
return await fetchResponse.json();
|
|
}, {
|
|
url: process.env.INGESTION_URL,
|
|
headers: headers,
|
|
orgId: orgId,
|
|
streamName: streamName,
|
|
logsdata: logsdata
|
|
});
|
|
console.log(response);
|
|
}
|
|
|
|
|
|
test.describe("Sanity testcases", () => {
|
|
let logsPage;
|
|
// let logData;
|
|
function removeUTFCharacters(text) {
|
|
// console.log(text, "tex");
|
|
// Remove UTF characters using regular expression
|
|
return text.replace(/[^\x00-\x7F]/g, " ");
|
|
}
|
|
async function applyQueryButton(page) {
|
|
// click on the run query button
|
|
// Type the value of a variable into an input field
|
|
const search = page.waitForResponse(logData.applyQuery);
|
|
await page.waitForTimeout(3000);
|
|
await page.locator("[data-test='logs-search-bar-refresh-btn']").click({
|
|
force: true,
|
|
});
|
|
// get the data from the search variable
|
|
await expect.poll(async () => (await search).status()).toBe(200);
|
|
}
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
await login(page);
|
|
logsPage = new LogsPage(page);
|
|
await page.waitForTimeout(1000)
|
|
await ingestion(page);
|
|
await page.waitForTimeout(2000)
|
|
|
|
await page.goto(
|
|
`${logData.logsUrl}?org_identifier=${process.env["ORGNAME"]}`
|
|
);
|
|
const allsearch = page.waitForResponse("**/api/default/_search**");
|
|
await logsPage.selectStreamAndStreamTypeForLogs("e2e_automate");
|
|
await applyQueryButton(page);
|
|
// const streams = page.waitForResponse("**/api/default/streams**");
|
|
});
|
|
|
|
test("should display quick mode toggle button", async ({ page }) => {
|
|
await expect(
|
|
page.locator('[data-test="logs-search-bar-quick-mode-toggle-btn"]')
|
|
).toBeVisible();
|
|
});
|
|
test("should click on interesting fields icon and display query in editor", async ({
|
|
page,
|
|
}) => {
|
|
|
|
|
|
|
|
// Get the toggle button element
|
|
const toggleButton = await page.$(
|
|
'[data-test="logs-search-bar-quick-mode-toggle-btn"] > .q-toggle__inner'
|
|
);
|
|
|
|
// Evaluate the class attribute to determine if the toggle is in the off state
|
|
const isSwitchedOff = await toggleButton.evaluate((node) =>
|
|
node.classList.contains("q-toggle__inner--falsy")
|
|
);
|
|
|
|
// If the toggle is switched off, click on it to switch it on
|
|
if (isSwitchedOff) {
|
|
await toggleButton.click();
|
|
}
|
|
await page
|
|
.locator('[data-cy="index-field-search-input"]')
|
|
.fill("job");
|
|
await page.waitForTimeout(2000);
|
|
await page
|
|
.locator(
|
|
'[data-test="log-search-index-list-interesting-job-field-btn"]'
|
|
).first().click();
|
|
await page.getByRole('switch', { name: 'SQL Mode' }).locator('div').nth(2).click();
|
|
await expect(
|
|
page
|
|
.locator('[data-test="logs-search-bar-query-editor"]')
|
|
.getByText(/job/)
|
|
.first()
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("should display result text and pagination", async ({ page }) => {
|
|
await page.getByText("Showing 1 to 50").click();
|
|
await page
|
|
.getByText("fast_rewind12345fast_forward50arrow_drop_down")
|
|
.click();
|
|
});
|
|
|
|
test("should not display chart if histogram off and display again when toggle is on", async ({
|
|
page,
|
|
}) => {
|
|
await page
|
|
.locator('[data-test="logs-search-bar-show-histogram-toggle-btn"]')
|
|
.click();
|
|
await page.getByText("Showing 1").click();
|
|
expect(
|
|
await page
|
|
.locator('[data-test="logs-search-result-bar-chart"]')
|
|
.isVisible()
|
|
).toBe(false);
|
|
await page
|
|
.locator('[data-test="logs-search-bar-show-histogram-toggle-btn"] div')
|
|
.nth(2)
|
|
.click();
|
|
await page.waitForTimeout(2000);
|
|
await expect(page.getByRole('heading', { name: 'No data found for histogram.' })).toBeVisible();
|
|
});
|
|
|
|
|
|
test("should save search, favorite, click on saved search and then delete", async ({
|
|
page,
|
|
}) => {
|
|
const randomSavedViewName = `streamslog${Math.random().toString(36).substring(2, 10)}`;
|
|
await page
|
|
.locator("button")
|
|
.filter({ hasText: "savesaved_search" })
|
|
.click();
|
|
await page.locator('[data-test="add-alert-name-input"]').click();
|
|
await page.locator('[data-test="add-alert-name-input"]').fill(randomSavedViewName);
|
|
await page.locator('[data-test="saved-view-dialog-save-btn"]').click();
|
|
await page
|
|
.locator('[data-test="logs-search-saved-views-btn"]')
|
|
.getByLabel("Expand")
|
|
.click();
|
|
await page
|
|
.locator('[data-test="log-search-saved-view-field-search-input"]')
|
|
.click();
|
|
await page
|
|
.locator('[data-test="log-search-saved-view-field-search-input"]')
|
|
.fill(randomSavedViewName);
|
|
await page.getByText(randomSavedViewName).first().click();
|
|
await page
|
|
.locator('[data-test="logs-search-saved-views-btn"]')
|
|
.getByLabel("Expand")
|
|
.click();
|
|
await page
|
|
.locator('[data-test="log-search-saved-view-field-search-input"]')
|
|
.click();
|
|
await page
|
|
.locator('[data-test="log-search-saved-view-field-search-input"]')
|
|
.fill(randomSavedViewName);
|
|
await page.getByText("favorite_border").first().click();
|
|
await page.getByText("Favorite Views").click();
|
|
await page.getByLabel('Clear').first().click();
|
|
await page.getByLabel("Collapse").click();
|
|
await page
|
|
.locator('[data-test="logs-search-saved-views-btn"]')
|
|
.getByLabel("Expand")
|
|
.click();
|
|
await page
|
|
.locator(
|
|
'[data-test="log-search-saved-view-favorite-list-fields-table"] div'
|
|
)
|
|
.filter({ hasText: "Favorite Views" })
|
|
.nth(1)
|
|
.click();
|
|
await page
|
|
.locator('[data-test="log-search-saved-view-field-search-input"]')
|
|
.click();
|
|
await page
|
|
.locator('[data-test="log-search-saved-view-field-search-input"]')
|
|
.fill(randomSavedViewName);
|
|
const deleteButtonSelector = `[data-test="logs-search-bar-delete-${randomSavedViewName}-saved-view-btn"]`;
|
|
await page.locator(deleteButtonSelector).click(); // Click delete
|
|
await page.locator('[data-test="confirm-button"]').click();;
|
|
});
|
|
|
|
test("should only display 5 result if limit 5 added", async ({ page }) => {
|
|
await page.getByRole('switch', { name: 'SQL Mode' }).locator('div').nth(2).click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-query-editor"]')
|
|
.getByRole("code")
|
|
.locator("div")
|
|
.filter({ hasText: 'SELECT * FROM "e2e_automate"' })
|
|
.nth(4)
|
|
.click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-query-editor"]')
|
|
.getByLabel("Editor content;Press Alt+F1")
|
|
.fill('SELECT * FROM "e2e_automate" ORDER BY _timestamp DESC limit 5');
|
|
await page.waitForTimeout(2000);
|
|
await page
|
|
.locator('[data-test="logs-search-bar-refresh-btn"]')
|
|
.click({ force: true });
|
|
await page.waitForTimeout(2000);
|
|
await page.getByText("Showing 1 to 5 out of 5").click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-reset-filters-btn"]')
|
|
.click();
|
|
await page.waitForTimeout(2000);
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page.waitForTimeout(2000);
|
|
await page
|
|
.getByText("fast_rewind12345fast_forward50arrow_drop_down")
|
|
.click();
|
|
});
|
|
|
|
test("should create a function and then delete it", async ({ page }) => {
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page
|
|
.locator('[data-test="logs-search-bar-function-dropdown"] button')
|
|
.filter({ hasText: "save" })
|
|
.click();
|
|
await page
|
|
.locator(
|
|
"#fnEditor > .monaco-editor > .overflow-guard > .monaco-scrollable-element > .lines-content > .view-lines > .view-line"
|
|
)
|
|
.click();
|
|
await page
|
|
.locator("#fnEditor")
|
|
.getByLabel("Editor content;Press Alt+F1")
|
|
.fill(".a=2");
|
|
await page.waitForTimeout(1000);
|
|
await page
|
|
.locator('[data-test="logs-search-bar-function-dropdown"] button')
|
|
.filter({ hasText: "save" })
|
|
.click();
|
|
await page.locator('[data-test="saved-function-name-input"]').click();
|
|
await page
|
|
.locator('[data-test="saved-function-name-input"]')
|
|
.fill("e2eautomatefunctions");
|
|
await page.locator('[data-test="saved-view-dialog-save-btn"]').click();
|
|
await page.waitForTimeout(2000);
|
|
// await page.locator('[data-test="menu-link-\\/functions-item"]').click();
|
|
await page.locator('[data-test="menu-link-\\/pipeline-item"]').click();
|
|
await page.locator('[data-test="tab-realtime"]').click();
|
|
|
|
await page.locator('[data-test="function-stream-tab"]').click();
|
|
await page.getByPlaceholder("Search Function").click();
|
|
await page.getByPlaceholder("Search Function").fill("e2eautomatefunctions");
|
|
await page.getByRole("button", { name: "Delete Function" }).click();
|
|
await page.locator('[data-test="confirm-button"]').click();
|
|
});
|
|
|
|
test("should create functions via functions page and delete it", async ({
|
|
page,
|
|
}) => {
|
|
// await page.locator('[data-test="menu-link-\\/functions-item"]').click();
|
|
await page.locator('[data-test="menu-link-\\/pipeline-item"]').click();
|
|
await page.locator('[data-test="tab-realtime"]').click();
|
|
await page.locator('[data-test="function-stream-tab"]').click();
|
|
await page.getByRole("button", { name: "Create new function" }).click();
|
|
await page.getByLabel("Name").click();
|
|
await page.getByLabel("Name").fill("sanitytest");
|
|
await page.locator('[data-test="logs-vrl-function-editor"]').click();
|
|
await page.locator('[data-test="logs-vrl-function-editor"]').getByLabel("Editor content;Press Alt+F1").fill("sanity=1");
|
|
await page.locator('[data-test="logs-vrl-function-editor"]').getByText("sanity=").click();
|
|
await page.locator('[data-test="logs-vrl-function-editor"]').getByLabel("Editor content;Press Alt+F1").press("ArrowLeft");
|
|
await page.locator('[data-test="logs-vrl-function-editor"]').getByLabel("Editor content;Press Alt+F1").press("ArrowLeft");
|
|
await page.locator('[data-test="logs-vrl-function-editor"]').getByLabel("Editor content;Press Alt+F1").press("ArrowLeft");
|
|
await page.locator('[data-test="logs-vrl-function-editor"]').getByLabel("Editor content;Press Alt+F1").press("ArrowLeft");
|
|
await page.locator('[data-test="logs-vrl-function-editor"]').getByLabel("Editor content;Press Alt+F1").fill(".sanity=1");
|
|
await page.getByRole("button", { name: "Save" }).click();
|
|
await page.getByPlaceholder("Search Function").click();
|
|
await page.getByPlaceholder("Search Function").fill("sanity");
|
|
await page.getByRole("button", { name: "Delete Function" }).click();
|
|
await page.locator('[data-test="confirm-button"]').click();
|
|
await page.getByText("Function deleted").click();
|
|
});
|
|
|
|
|
|
const randomFolderName = `Folder${Math.floor(Math.random() * 1000)}`;
|
|
test("should create delete folder", async ({ page }) => {
|
|
await page.locator('[data-test="menu-link-\\/dashboards-item"]').click();
|
|
await page.waitForTimeout(2000);
|
|
await page.locator('[data-test="dashboard-search"]').click();
|
|
await page.click('[data-test="dashboard-new-folder-btn"]');
|
|
await page.waitForTimeout(1000);
|
|
await page.click('[data-test="dashboard-folder-add-name"]');
|
|
await page.type(
|
|
'[data-test="dashboard-folder-add-name"]',
|
|
randomFolderName
|
|
);
|
|
await page.click('[data-test="dashboard-folder-add-save"]');
|
|
await page.getByText(randomFolderName).click();
|
|
await page.waitForTimeout(5000);
|
|
await page.locator(`[data-test^="dashboard-folder-tab"]:has-text("${randomFolderName}") [data-test="dashboard-more-icon"]`).click();
|
|
await page.locator('[data-test="dashboard-delete-folder-icon"]').click({ force: true });
|
|
await page.waitForTimeout(100);
|
|
await page.click('[data-test="confirm-button"]');
|
|
|
|
await page.waitForTimeout(100);
|
|
const notificationMessage = await page.$(".q-notification__message");
|
|
if (notificationMessage) {
|
|
const messageText = await notificationMessage.textContent();
|
|
expect(messageText).toContain("Folder deleted successfully");
|
|
} else {
|
|
// Handle case when notification message is not found
|
|
}
|
|
});
|
|
|
|
test("create template, destination and alert and then delete it", async ({ page }) => {
|
|
const uniqueId = Date.now(); // Generate a unique ID for each run
|
|
const templateName = `sanitytemp-${uniqueId}`;
|
|
const destinationName = `sanitydest-${uniqueId}`;
|
|
const alertName = `sanityalert-${uniqueId}`;
|
|
|
|
await page.locator('[data-test="menu-link-settings-item"]').click();
|
|
await page.locator('[data-test="alert-destinations-tab"]').waitFor();
|
|
await page.locator('[data-test="alert-destinations-tab"]').click();
|
|
|
|
await page.locator('[data-test="alert-templates-tab"]').waitFor();
|
|
await page.locator('[data-test="alert-templates-tab"]').click();
|
|
|
|
// Wait for template API before clicking "Add Template" button
|
|
await page.waitForResponse(response =>
|
|
response.url().includes("/api/default/alerts/templates") && response.status() === 200
|
|
);
|
|
|
|
await page.locator('[data-test="alert-template-list-add-alert-btn"]').click();
|
|
await page.locator('[data-test="add-template-name-input"]').waitFor();
|
|
await page.locator('[data-test="add-template-name-input"]').fill(templateName);
|
|
|
|
const jsonString = '{"text": "{alert_name} is active"}';
|
|
await page.locator(".view-line").click();
|
|
await page.keyboard.type(jsonString);
|
|
await page.waitForTimeout(500); // Ensure typing completes before submit
|
|
|
|
await page.locator('[data-test="add-template-submit-btn"]').click();
|
|
await expect(page.locator(".q-notification__message").getByText(/Template Saved Successfully/)).toBeVisible();
|
|
|
|
await page.locator('[data-test="alert-destinations-tab"]').click();
|
|
|
|
// Wait for both the template API and destination API before clicking "Add Destination"
|
|
// await page.waitForResponse(response =>
|
|
// response.url().includes("/api/default/alerts/templates") && response.status() === 200
|
|
// );
|
|
// await page.waitForResponse(response =>
|
|
// response.url().includes("/api/default/alerts/destinations") && response.status() === 200
|
|
// );
|
|
await page.waitForTimeout(2000);
|
|
|
|
await page.locator('[data-test="alert-destination-list-add-alert-btn"]').click();
|
|
await page.locator('[data-test="add-destination-name-input"]').waitFor();
|
|
await page.locator('[data-test="add-destination-name-input"]').fill(destinationName);
|
|
await page.waitForTimeout(500); // Ensure input is registered
|
|
|
|
await page.locator('[data-test="add-destination-template-select"]').click();
|
|
await page.getByText(templateName).click();
|
|
|
|
await page.locator('[data-test="add-destination-url-input"]').fill("sanity");
|
|
await page.waitForTimeout(500); // Ensure input is registered
|
|
|
|
await page.locator('[data-test="add-destination-submit-btn"]').click();
|
|
|
|
// Wait for API before proceeding
|
|
await page.waitForResponse(response =>
|
|
response.url().includes("/api/default/alerts/destinations") && response.status() === 200
|
|
);
|
|
|
|
await page.locator('[data-test="menu-link-\\/alerts-item"]').click();
|
|
await page.locator('[data-test="alert-list-add-alert-btn"]').click();
|
|
await page.getByLabel("Name *").first().fill(alertName);
|
|
|
|
|
|
// await page.locator('[data-test="add-alert-name-input"]').fill(alertName);
|
|
await page.waitForTimeout(500); // Ensure input is registered
|
|
|
|
await page.locator('[data-test="add-alert-stream-type-select"]').click();
|
|
await page.getByRole("option", { name: "logs" }).click();
|
|
await page.getByLabel("Stream Name *").click();
|
|
await page.getByLabel("Stream Name *").fill("e2e");
|
|
await page.getByText("e2e_automate").click();
|
|
await page.locator('[data-test="alert-conditions-delete-condition-btn"]').click();
|
|
|
|
await page.locator('[data-test="add-alert-destination-select"]').click();
|
|
await page.locator(`[data-test="add-alert-destination-${destinationName}-select-item"]`).click();
|
|
await page.locator('[data-test="chart-renderer"] div').click();
|
|
await page.waitForTimeout(1000);
|
|
// await page.locator('data-test="add-alert-submit-btn"]').waitFor({ state: 'visible' });
|
|
await page.evaluate(() => {
|
|
window.scrollBy(0, window.innerHeight); // Scrolls down by one full screen height
|
|
});
|
|
await page.locator('[data-test="add-alert-submit-btn"]').click({force:true});
|
|
await page.waitForTimeout(1000);
|
|
await page.locator(`[data-test="alert-list-${alertName}-clone-alert"]`).click();
|
|
// await page.locator(`role=row[name="${alertName}"]`).hover()
|
|
// .locator('[data-test="alert-clone"]')
|
|
// .click({ force: true });
|
|
|
|
|
|
|
|
// Clone the alert
|
|
// await page.locator('[data-test="alert-clone"]').click();
|
|
const clonedAlertName = `clone-${alertName}`;
|
|
await page.locator('[data-test="to-be-clone-alert-name"]').fill(clonedAlertName);
|
|
await page.waitForTimeout(500); // Ensure input is registered
|
|
|
|
await page.locator('[data-test="to-be-clone-stream-type"]').click();
|
|
// await page.getByRole("option", { name: "logs" }).click();
|
|
// await page.locator('[data-test="to-be-clone-stream-name"]').fill('e2e_automate');
|
|
// await page.waitForTimeout(500); // Ensure input is registered
|
|
|
|
await page.getByRole('option', { name: 'logs' }).locator('div').nth(2).click();
|
|
await page.locator('[data-test="to-be-clone-stream-name"]').click();
|
|
await page.locator('[data-test="to-be-clone-stream-name"]').fill('e2e_automate');
|
|
await page.waitForTimeout(2000);
|
|
await page.getByRole('option', { name: 'e2e_automate' }).click({force:true});
|
|
await page.waitForTimeout(2000);
|
|
await page.locator('[data-test="clone-alert-submit-btn"]').click();
|
|
await page.getByText('Alert Cloned Successfully').click();
|
|
|
|
await page.locator('[data-test="alert-list-search-input"]').fill(clonedAlertName);
|
|
await page.waitForTimeout(2000);
|
|
await page.locator(`[data-test="alert-list-${clonedAlertName}-more-options"]`).click();
|
|
await page.getByText('Delete',{exact:true}).click();
|
|
await page.locator('[data-test="confirm-button"]').click();
|
|
|
|
|
|
// Delete the original alert
|
|
await page.locator('[data-test="alert-list-search-input"]').fill(alertName);
|
|
await page.waitForTimeout(500); // Ensure input is registered
|
|
await page.locator(`[data-test="alert-list-${alertName}-more-options"]`).click();
|
|
await page.getByText('Delete',{exact:true}).click();
|
|
await page.locator('[data-test="confirm-button"]').click();
|
|
|
|
// Delete the destination
|
|
await page.locator('[data-test="menu-link-settings-item"]').click();
|
|
await page.locator('[data-test="alert-destinations-tab"]').click();
|
|
await page.locator('[data-test="destination-list-search-input"]').fill(destinationName);
|
|
await page.waitForTimeout(500); // Ensure input is registered
|
|
await page.locator(`[data-test="alert-destination-list-${destinationName}-delete-destination"]`).click();
|
|
await page.locator('[data-test="confirm-button"]').click();
|
|
|
|
// Delete the template
|
|
await page.locator('[data-test="alert-templates-tab"]').click();
|
|
await page.locator('[data-test="template-list-search-input"]').fill(templateName);
|
|
await page.waitForTimeout(500); // Ensure input is registered
|
|
await page.locator(`[data-test="alert-template-list-${templateName}-delete-template"]`).click();
|
|
await page.locator('[data-test="confirm-button"]').click();
|
|
});
|
|
|
|
test("create stream and delete it", async ({ page }) => {
|
|
await page.locator('[data-test="menu-link-\\/streams-item"]').click();
|
|
await page.waitForTimeout(2000);
|
|
await page.locator('[data-test="log-stream-add-stream-btn"]').click();
|
|
await page.getByLabel("Name *").click();
|
|
await page.getByLabel("Name *").fill("sanitylogstream");
|
|
await page
|
|
.locator('[data-test="add-stream-type-input"]')
|
|
.getByText("arrow_drop_down")
|
|
.click();
|
|
await page.getByRole("option", { name: "Logs" }).click();
|
|
await page.locator('[data-test="save-stream-btn"]').click();
|
|
await page.waitForTimeout(2000);
|
|
await page.getByText("Stream created successfully").click();
|
|
await page.getByPlaceholder("Search Stream").click();
|
|
await page.getByPlaceholder("Search Stream").fill("sanitylogstream");
|
|
await page.waitForTimeout(2000);
|
|
await page.getByRole("button", { name: "Delete" }).click();
|
|
await page.getByRole("button", { name: "Ok" }).click();
|
|
});
|
|
|
|
test("should display pagination even after clicking result summary", async ({
|
|
page,
|
|
}) => {
|
|
await page.waitForTimeout(2000);
|
|
await page.locator('[data-test="log-table-column-0-source"]').click();
|
|
await page.locator('[data-test="close-dialog"]').click();
|
|
await page
|
|
.getByText("fast_rewind12345fast_forward50arrow_drop_down")
|
|
.click();
|
|
});
|
|
|
|
// test("should change settings successfully", async ({ page }) => {
|
|
// await page.waitForTimeout(2000);
|
|
// await page.locator('[data-test="menu-link-settings-item"]').click();
|
|
// await page.waitForTimeout(2000);
|
|
// await page.getByText("General SettingsScrape").click();
|
|
// await page.getByRole("tab", { name: "General Settings" }).click();
|
|
// await page.getByLabel("Scrape Interval (In Seconds) *").fill("16");
|
|
// await page.locator('[data-test="dashboard-add-submit"]').click();
|
|
// await page.getByText("Organization settings updated").click();
|
|
// });
|
|
|
|
// test("should display results on click refresh stats", async ({ page }) => {
|
|
// await page.locator('[data-test="menu-link-\\/streams-item"]').click();
|
|
// await page.locator('[data-test="log-stream-refresh-stats-btn"]').click();
|
|
// page.reload();
|
|
// await page.getByRole("cell", { name: "01", exact: true }).click();
|
|
// });
|
|
|
|
// test("should display pagination for schema", async ({ page }) => {
|
|
// await page
|
|
// .getByText("fast_rewind12345fast_forward50arrow_drop_down")
|
|
// .click();
|
|
// await page.getByText("fast_rewind1/2fast_forward").click();
|
|
// await page
|
|
// .locator('[data-test="logs-page-fields-list-pagination-nextpage-button"]')
|
|
// .click();
|
|
// await page
|
|
// .locator(
|
|
// '[data-test="logs-page-fields-list-pagination-previouspage-button"]'
|
|
// )
|
|
// .click();
|
|
// });
|
|
|
|
// test("should display pagination when histogram is off and clicking and closing the result", async ({
|
|
// page,
|
|
// }) => {
|
|
// await page
|
|
// .locator('[data-test="logs-search-bar-show-histogram-toggle-btn"] div')
|
|
// .nth(2)
|
|
// .click();
|
|
// await page.locator('[data-test="log-table-column-0-source"]').click();
|
|
// await page.locator('[data-test="close-dialog"]').click();
|
|
// await page
|
|
// .getByText("fast_rewind12345fast_forward50arrow_drop_down")
|
|
// .click();
|
|
// });
|
|
|
|
// test("should display pagination when only SQL is on clicking and closing the result", async ({
|
|
// page,
|
|
// }) => {
|
|
// await page
|
|
// .locator('[data-test="logs-search-bar-show-histogram-toggle-btn"] div')
|
|
// .nth(2)
|
|
// .click();
|
|
// await page.getByLabel("SQL Mode").locator("div").first().click();
|
|
// await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
// await page.locator('[data-test="log-table-column-1-_timestamp"]').click();
|
|
// await page.locator('[data-test="close-dialog"]').click();
|
|
// await page
|
|
// .getByText("fast_rewind12345fast_forward50arrow_drop_down")
|
|
// .click();
|
|
// });
|
|
|
|
// test(" should display histogram in sql mode", async ({ page }) => {
|
|
// await page
|
|
// .locator('[data-test="logs-search-result-bar-chart"] canvas')
|
|
// .click({
|
|
// position: {
|
|
// x: 182,
|
|
// y: 66,
|
|
// },
|
|
// });
|
|
// await page.getByLabel("SQL Mode").locator("div").nth(2).click();
|
|
// await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
// // await page.getByRole('heading', { name: 'Error while fetching' }).click();
|
|
|
|
// await expect(
|
|
// page.getByRole("heading", { name: "Error while fetching" })
|
|
// ).not.toBeVisible();
|
|
// await page
|
|
// .locator('[data-test="logs-search-result-bar-chart"] canvas')
|
|
// .click({
|
|
// position: {
|
|
// x: 182,
|
|
// y: 66,
|
|
// },
|
|
// });
|
|
// });
|
|
|
|
// test("should display results when SQL+histogram is on and then stream is selected", async ({
|
|
// page,
|
|
// }) => {
|
|
// await page.locator('[data-test="menu-link-\\/-item"]').click();
|
|
// await page.locator('[data-test="menu-link-\\/logs-item"]').click();
|
|
// await page
|
|
// .locator(
|
|
// "#fnEditor > .monaco-editor > .overflow-guard > .monaco-scrollable-element > .lines-content > .view-lines"
|
|
// )
|
|
// .click();
|
|
// await page.getByLabel("SQL Mode").locator("div").nth(2).click();
|
|
// await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
// await page
|
|
// .locator(
|
|
// '[data-test="log-table-column-0-_timestamp"] [data-test="table-row-expand-menu"]'
|
|
// )
|
|
// .click();
|
|
// });
|
|
|
|
// const getHeaders = () => {
|
|
// const basicAuthCredentials = Buffer.from(
|
|
// `${process.env["ZO_ROOT_USER_EMAIL"]}:${process.env["ZO_ROOT_USER_PASSWORD"]}`
|
|
// ).toString("base64");
|
|
|
|
// return {
|
|
// Authorization: `Basic ${basicAuthCredentials}`,
|
|
// "Content-Type": "application/json",
|
|
// };
|
|
// };
|
|
|
|
// // Helper function to get ingestion URL
|
|
// const getIngestionUrl = (orgId, streamName) => {
|
|
// return `${process.env.INGESTION_URL}/api/${orgId}/${streamName}/_json`;
|
|
// };
|
|
|
|
// // Helper function to send POST request
|
|
// const sendRequest = async (page, url, payload, headers) => {
|
|
// return await page.evaluate(
|
|
// async ({ url, headers, payload }) => {
|
|
// const response = await fetch(url, {
|
|
// method: "POST",
|
|
// headers: headers,
|
|
// body: JSON.stringify(payload),
|
|
// });
|
|
// return await response.json();
|
|
// },
|
|
// { url, headers, payload }
|
|
// );
|
|
// };
|
|
|
|
// test.skip("should check JSON responses for successful:1 with timestamp 15 mins before", async ({
|
|
// page,
|
|
// }) => {
|
|
// const orgId = process.env["ORGNAME"];
|
|
// const streamName = "e2e_automate";
|
|
// const headers = getHeaders();
|
|
// const ingestionUrl = getIngestionUrl(orgId, streamName);
|
|
|
|
// // First payload
|
|
// const payload1 = [
|
|
// {
|
|
// level: "info",
|
|
// job: "test",
|
|
// log: "test message for openobserve",
|
|
// e2e: "1",
|
|
// },
|
|
// ];
|
|
|
|
// // Second payload with timestamp 15 minutes before
|
|
// const timestamp = Date.now() - 15 * 60 * 1000; // 15 minutes before
|
|
// const payload2 = [
|
|
// {
|
|
// level: "info",
|
|
// job: "test",
|
|
// log: "test message for openobserve",
|
|
// e2e: "1.1",
|
|
// _timestamp: timestamp,
|
|
// },
|
|
// ];
|
|
|
|
// // Sending first request
|
|
// const response1 = await sendRequest(page, ingestionUrl, payload1, headers);
|
|
// console.log(response1);
|
|
|
|
// // Sending second request
|
|
// const response2 = await sendRequest(page, ingestionUrl, payload2, headers);
|
|
// console.log(response2);
|
|
|
|
// // Assertions
|
|
// expect(response1.status[0].successful).toBe(1);
|
|
// expect(response2.status[0].successful).toBe(1);
|
|
// });
|
|
|
|
// test.skip("should display error if timestamp past the ingestion time limit", async ({
|
|
// page,
|
|
// }) => {
|
|
// const orgId = process.env["ORGNAME"];
|
|
// const streamName = "e2e_automate";
|
|
// const headers = getHeaders();
|
|
// const ingestionUrl = getIngestionUrl(orgId, streamName);
|
|
|
|
// // First payload
|
|
// const payload1 = [
|
|
// {
|
|
// level: "info",
|
|
// job: "test",
|
|
// log: "test message for openobserve",
|
|
// e2e: "1",
|
|
// },
|
|
// ];
|
|
|
|
// // Second payload with timestamp 6 hours before
|
|
// const timestamp = Date.now() - 6 * 60 * 60 * 1000; // 6 hours before
|
|
// const payload2 = [
|
|
// {
|
|
// level: "info",
|
|
// job: "test",
|
|
// log: "test message for openobserve",
|
|
// e2e: "1.1",
|
|
// _timestamp: timestamp,
|
|
// },
|
|
// ];
|
|
|
|
// // Sending first request
|
|
// const response1 = await sendRequest(page, ingestionUrl, payload1, headers);
|
|
// console.log(response1);
|
|
|
|
// // Sending second request
|
|
// const response2 = await sendRequest(page, ingestionUrl, payload2, headers);
|
|
// console.log(response2);
|
|
|
|
// // Assertions
|
|
// expect(response1.status[0].successful).toBe(1);
|
|
// expect(response2.status[0].successful).toBe(0);
|
|
// expect(response2.status[0].failed).toBe(1);
|
|
// expect(response2.status[0].error).toBe(
|
|
// "Too old data, only last 5 hours data can be ingested. Data discarded. You can adjust ingestion max time by setting the environment variable ZO_INGEST_ALLOWED_UPTO=<max_hours>"
|
|
// );
|
|
// });
|
|
|
|
// const formatDate = (date) => {
|
|
// const year = String(date.getFullYear());
|
|
// const month = String(date.getMonth() + 1).padStart(2, "0");
|
|
// const day = String(date.getDate()).padStart(2, "0");
|
|
// const hours = String(date.getHours()).padStart(2, "0");
|
|
// const minutes = String(date.getMinutes()).padStart(2, "0");
|
|
// const seconds = String(date.getSeconds()).padStart(2, "0");
|
|
// return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
|
// };
|
|
// test.skip("should compare time displayed in table dashboards after changing timezone and then delete it ", async ({ page }) => {
|
|
// const orgId = process.env["ORGNAME"];
|
|
// const streamName = "e2e_tabledashboard";
|
|
// const headers = getHeaders();
|
|
// const ingestionUrl = getIngestionUrl(orgId, streamName);
|
|
// const timestamp = parseInt(Date.now() / 10000) * 10000 - 10 * 60 * 1000; // 10 minutes before
|
|
// // First payload
|
|
// const payload1 = [
|
|
// {
|
|
// level: "info",
|
|
// job: "test",
|
|
// log: "test message for openobserve",
|
|
// e2e: "1",
|
|
// _timestamp: timestamp,
|
|
// },
|
|
// ];
|
|
|
|
// // Sending first request
|
|
// const response1 = await sendRequest(page, ingestionUrl, payload1, headers);
|
|
// console.log(response1);
|
|
|
|
// await page.locator('[data-test="menu-link-\\/dashboards-item"]').click();
|
|
// await page.waitForTimeout(5000);
|
|
// await page.locator('[data-test="dashboard-add"]').click();
|
|
// await page.waitForTimeout(5000);
|
|
// await page.locator('[data-test="add-dashboard-name"]').click();
|
|
|
|
// await page.locator('[data-test="add-dashboard-name"]').fill(dashboardName);
|
|
// await page.locator('[data-test="dashboard-add-submit"]').click();
|
|
// await page.waitForTimeout(2000);
|
|
// await page
|
|
// .locator('[data-test="dashboard-if-no-panel-add-panel-btn"]')
|
|
// .click();
|
|
// await page.waitForTimeout(3000);
|
|
// await page.locator('[data-test="selected-chart-table-item"] img').click();
|
|
// await page.locator('[data-test="index-dropdown-stream"]').click();
|
|
// await page
|
|
// .locator('[data-test="index-dropdown-stream"]')
|
|
// .fill("e2e_tabledashboard");
|
|
// await page.waitForTimeout(4000);
|
|
// await page.getByRole("option", { name: "e2e_tabledashboard" }).click({ force: true });
|
|
// await page.waitForTimeout(6000);
|
|
|
|
// await page
|
|
// .locator(
|
|
// '[data-test="field-list-item-logs-e2e_tabledashboard-e2e"] [data-test="dashboard-add-y-data"]'
|
|
// )
|
|
// .click();
|
|
// await page
|
|
// .locator(
|
|
// '[data-test="field-list-item-logs-e2e_tabledashboard-job"] [data-test="dashboard-add-y-data"]'
|
|
// )
|
|
// .click();
|
|
// await page.locator('[data-test="dashboard-apply"]').click();
|
|
// await page.locator('[data-test="dashboard-panel-name"]').click();
|
|
// await page.locator('[data-test="dashboard-panel-name"]').fill("sanitydash");
|
|
// await page.waitForTimeout(2000);
|
|
// await page.locator('[data-test="dashboard-panel-save"]').click();
|
|
// await page.waitForTimeout(2000);
|
|
|
|
// // // Change timezone to Asia/Calcutta
|
|
// await page.locator('[data-test="date-time-btn"]').click();
|
|
// await page.locator('[data-test="datetime-timezone-select"]').click();
|
|
// await page
|
|
// .locator('[data-test="datetime-timezone-select"]')
|
|
// .fill("Asia/Calcutta");
|
|
// await page.getByText("Asia/Calcutta", { exact: true }).click();
|
|
// await page.waitForTimeout(200);
|
|
|
|
// // NOTE: pass selected timezone
|
|
// const calcuttaTime = toZonedTime(new Date(timestamp), "Asia/Calcutta");
|
|
// const displayedTimestampCalcutta = formatDate(calcuttaTime);
|
|
// console.log(displayedTimestampCalcutta);
|
|
// await page.waitForTimeout(2000);
|
|
// // Verify the displayed time in Asia/Calcutta
|
|
// const timeCellCalcutta = await page
|
|
// .getByRole("cell", { name: displayedTimestampCalcutta })
|
|
// .textContent();
|
|
// expect(timeCellCalcutta).toBe(displayedTimestampCalcutta);
|
|
// await page.waitForTimeout(1000);
|
|
// // Change timezone to Europe/Zurich
|
|
// await page.locator('[data-test="date-time-btn"]').click();
|
|
// await page.locator('[data-test="date-time-btn"]').click();
|
|
// await page.locator('[data-test="datetime-timezone-select"]').click();
|
|
// await page
|
|
// .locator('[data-test="datetime-timezone-select"]')
|
|
// .fill("Europe/Zurich");
|
|
// await page.getByText("Europe/Zurich", { exact: true }).click();
|
|
// await page.waitForTimeout(200);
|
|
|
|
// // Convert the timestamp to the required format in Europe/Zurich
|
|
// const zurichTime = toZonedTime(new Date(timestamp), "Europe/Zurich");
|
|
// const displayedTimestampZurich = formatDate(zurichTime);
|
|
// console.log(displayedTimestampZurich);
|
|
|
|
// // Verify the displayed time in Europe/Zurich
|
|
// const timeCellZurich = await page
|
|
// .getByRole("cell", { name: displayedTimestampZurich })
|
|
// .textContent();
|
|
// expect(timeCellZurich).toBe(displayedTimestampZurich);
|
|
// await page.waitForTimeout(2000);
|
|
// await page
|
|
// .locator('[data-test="dashboard-edit-panel-sanitydash-dropdown"]')
|
|
// .click();
|
|
// await page.locator('[data-test="dashboard-delete-panel"]').click();
|
|
// await page.locator('[data-test="confirm-button"]').click();
|
|
// await page
|
|
// .locator("#q-notify div")
|
|
// .filter({ hasText: "check_circlePanel deleted" })
|
|
// .nth(3)
|
|
// .click();
|
|
// await page.locator('[data-test="dashboard-back-btn"]');
|
|
// await page.locator('[data-test="dashboard-back-btn"]').click();
|
|
// await page
|
|
// .getByRole("row", { name: dashboardName })
|
|
// .locator('[data-test="dashboard-delete"]')
|
|
// .click();
|
|
// await page.locator('[data-test="confirm-button"]').click();
|
|
// });
|
|
// test.skip('should verify search history displayed and user navigates to logs', async ({ page, context }) => {
|
|
// // Step 1: Click on the "Share Link" button
|
|
// await page.getByLabel('SQL Mode').locator('div').nth(2).click();
|
|
// await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
// await page.getByRole('button', { name: 'Search History' }).click();
|
|
// await page.locator('[data-test="search-history-date-time"]').click();
|
|
// await page.locator('[data-test="date-time-relative-6-h-btn"]').click();
|
|
// await page.getByRole('button', { name: 'Get History' }).click();
|
|
// await page.waitForTimeout(6000);
|
|
// await page.getByRole('cell', { name: 'Trace ID' }).click();
|
|
// // Locate the row using a known static value like the SQL query
|
|
// // const row = page.locator('tr:has-text("select histogram")');
|
|
// // Locate the row using a known static value, ignoring case sensitivity
|
|
// const row = page.locator('tr').filter({ hasText: /select histogram/i });
|
|
// // Click the button inside the located row
|
|
// await row.locator('button.q-btn').nth(0).click();
|
|
// await page.getByRole('button', { name: 'Logs' }).click();
|
|
// await page.locator('[data-test="logs-search-index-list"]').getByText('e2e_automate').click()
|
|
// await expect(page).toHaveURL(/stream_type=logs/)
|
|
// });
|
|
|
|
// test('should verify logs page displayed on click back button on search history page', async ({ page, context }) => {
|
|
// // Step 1: Click on the "Share Link" button
|
|
// await page.getByLabel('SQL Mode').locator('div').nth(2).click();
|
|
// await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
// await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
// await page.getByRole('button', { name: 'Search History' }).click();
|
|
// await page.locator('[data-test="search-history-date-time"]').click();
|
|
// await page.locator('[data-test="date-time-relative-6-h-btn"]').click();
|
|
// await page.locator('[data-test="search-history-alert-back-btn"]').click();
|
|
// await page.locator('[data-test="logs-search-index-list"] div').filter({ hasText: 'e2e_automate' }).nth(4).click();
|
|
// await page.waitForTimeout(2000);
|
|
// await page.locator('[data-test="log-table-column-0-_timestamp"]').click();
|
|
// });
|
|
|
|
// test('should verify user redirected to logs page when clicking stream explorer and on clicking get history, logs history displayed', async ({ page, context }) => {
|
|
// // Step 1: Click on the "Share Link" button
|
|
// await page.locator('[data-test="menu-link-\\/streams-item"]').click();
|
|
// await page.getByPlaceholder('Search Stream').click();
|
|
// await page.getByPlaceholder('Search Stream').fill('e2e_automate');
|
|
// await page.getByRole('button', { name: 'Explore' }).first().click();
|
|
// await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
// await page.getByRole('button', { name: 'Search History' }).click();
|
|
// await page.locator('[data-test="add-alert-title"]').click();
|
|
// await page.getByText('arrow_back_ios_new').click();
|
|
// await page.waitForTimeout(1000);
|
|
|
|
// // Use a more specific locator for 'e2e_automate' by targeting its unique container or parent element
|
|
// await page.locator('[data-test="logs-search-index-list"]').getByText('e2e_automate').click();
|
|
|
|
// });
|
|
|
|
});
|