mirror of
https://github.com/openobserve/openobserve.git
synced 2026-11-06 00:09:22 +00:00
BhargavandTaiming Liu
72aea59198
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Enhanced text snippet suggestions in the Query Editor with updated labels and insert text. - Introduced new functions for advanced search and matching operations in the Query Editor. - **Improvements** - Improved search instructions for 'error' values in the Syntax Guide, including clarifications on case sensitivity. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Taiming Liu <liutaiming3@gmail.com>
315 lines
15 KiB
JavaScript
315 lines
15 KiB
JavaScript
import { test, expect } from "@playwright/test";
|
|
import logData from "../../ui-testing/cypress/fixtures/log.json";
|
|
import { log } from "console";
|
|
import logsdata from "../../test-data/logs_data.json";
|
|
|
|
test.describe.configure({ mode: 'parallel' });
|
|
|
|
|
|
async function login(page) {
|
|
await page.goto(process.env["ZO_BASE_URL"]);
|
|
await page.waitForTimeout(4000);
|
|
// await page.getByText('Login as internal user').click();
|
|
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"]);
|
|
}
|
|
|
|
|
|
|
|
// test('test', async ({ page }) => {
|
|
// await page.goto('https://monitor.dev.zinclabs.dev/web/');
|
|
// await page.goto('https://monitor.dev.zinclabs.dev/web/login');
|
|
// await page.getByText('Login as internal user').click();
|
|
// await page.locator('[data-test="login-user-id"]').click();
|
|
// await page.locator('[data-test="login-user-id"]').fill('root@monitor1.com');
|
|
// await page.locator('[data-test="login-password"]').click();
|
|
// await page.locator('[data-test="login-password"]').press('CapsLock');
|
|
// await page.locator('[data-test="login-password"]').fill('Sec');
|
|
// await page.locator('[data-test="login-password"]').press('CapsLock');
|
|
// await page.locator('[data-test="login-password"]').fill('SecTest@7000');
|
|
// await page.getByRole('button', { name: 'Login', exact: true }).click();
|
|
// await page.locator('[data-test="login-password"]').click();
|
|
// await page.locator('[data-test="login-password"]').fill('');
|
|
// await page.locator('[data-test="login-password"]').press('CapsLock');
|
|
// await page.locator('[data-test="login-password"]').fill('Sec');
|
|
// await page.locator('[data-test="login-password"]').press('CapsLock');
|
|
// await page.locator('[data-test="login-password"]').fill('SecTest@700');
|
|
// await page.locator('[data-test="login-password"]').press('Enter');
|
|
// await page.getByText('_meta').click();
|
|
// });
|
|
|
|
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({ force: true });
|
|
};
|
|
test.describe("Logs Queries testcases", () => {
|
|
// 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);
|
|
// await search.hits.FIXME_should("be.an", "array");
|
|
}
|
|
// tebefore(async function () {
|
|
// // logData("log");
|
|
// // const data = page;
|
|
// // logData = data;
|
|
|
|
// console.log("--logData--", logData);
|
|
// });
|
|
test.beforeEach(async ({ page }) => {
|
|
await login(page);
|
|
await page.waitForTimeout(5000)
|
|
|
|
// ("ingests logs via API", () => {
|
|
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 logsdata = {}; // Fill this with your actual data
|
|
|
|
// Making a POST request using fetch API
|
|
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);
|
|
// });
|
|
// const allorgs = page.waitForResponse("**/api/default/organizations**");
|
|
// const functions = page.waitForResponse("**/api/default/functions**");
|
|
await page.goto(
|
|
`${logData.logsUrl}?org_identifier=${process.env["ORGNAME"]}`
|
|
);
|
|
const allsearch = page.waitForResponse("**/api/default/_search**");
|
|
await selectStreamAndStreamTypeForLogs(page,logData.Stream);
|
|
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 add timestamp to editor save this view and switch", async ({ page }) => {await page.waitForTimeout(
|
|
1000);await page.locator('[data-test="log-table-column-0-source"] > .flex > .ellipsis').click();
|
|
|
|
await page.locator(':nth-child(1) > [data-test="log-details-include-exclude-field-btn"] > .q-btn__content > .q-icon').click();await page.locator(
|
|
'[data-test="log-details-include-field-btn"]').click();await page.locator(
|
|
'[data-test="close-dialog"] > .q-btn__content').click();await page.locator(
|
|
'[data-test="logs-search-saved-views-btn"] > .q-btn-dropdown--current > .q-btn__content > :nth-child(1)').click();await page.locator(
|
|
'[data-test="add-alert-name-input"]').fill("e2etimestamp");await page.locator(
|
|
'[data-test="saved-view-dialog-save-btn"] > .q-btn__content').click();await page.locator(
|
|
|
|
'[data-test="logs-search-saved-views-btn"] > .q-btn-dropdown__arrow-container > .q-btn__content > .q-icon').click();await page.locator(
|
|
'.q-item__label').getByText(/timestamp/).first().click({force:true});
|
|
await page.waitForTimeout(
|
|
3000);
|
|
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('e2e');
|
|
await page.getByTitle('e2etimestamp').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.getByTitle('e2etimestamp').click();
|
|
// await page.locator('[data-test="logs-search-saved-views-btn"]').getByLabel('Expand').click();
|
|
await page.getByText('delete').click();
|
|
await page.locator('[data-test="confirm-button"]').click();
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test("should redirect to logs after clicking on stream explorer via stream page", async ({ page }) => {
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page.locator('[data-test="logs-search-saved-views-btn"]').getByLabel('Expand').click();
|
|
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('streamslogsnavigate');
|
|
await page.locator('[data-test="saved-view-dialog-save-btn"]').click({force:true});
|
|
await page.waitForTimeout(5000);
|
|
await page.locator('[data-test="menu-link-\\/streams-item"]').click({force:true});
|
|
await page.getByPlaceholder('Search Stream').click();
|
|
await page.getByPlaceholder('Search Stream').fill('e2e');
|
|
await page.getByRole('button', { name: 'Explore' }).first().click({force:true});
|
|
await page.waitForTimeout(5000);
|
|
await page.waitForSelector('[data-test="logs-search-saved-views-btn"]')
|
|
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({force:true});
|
|
await page.locator('[data-test="log-search-saved-view-field-search-input"]').fill('streamslogsnavigate');
|
|
await page.waitForTimeout(3000);
|
|
await page.waitForSelector(':text("streamslogsnavigate")');
|
|
await page.click(':text("streamslogsnavigate")');
|
|
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.getByTitle('streamslogsnavigate').click();
|
|
await page.getByText('delete').click();
|
|
await page.locator('[data-test="confirm-button"]').click();
|
|
|
|
});
|
|
|
|
|
|
test("should reset the editor on clicking reset filter button", async ({ page }) => {
|
|
// Wait for 2 seconds
|
|
await page.waitForTimeout(2000);
|
|
// Type the value of a variable into an input field
|
|
await page.locator(
|
|
'[data-cy="date-time-button"]').click({ force: true });await page.locator(
|
|
|
|
'[data-test="date-time-relative-15-m-btn"] > .q-btn__content > .block').click({
|
|
|
|
force: true });await page.locator(
|
|
|
|
'[data-test="logs-search-bar-query-editor"] > .monaco-editor').click();
|
|
await page.click('[data-test="logs-search-bar-query-editor"] > .monaco-editor')
|
|
await page.keyboard.type(
|
|
|
|
"match_all_raw_ignore_case('provide_credentials')");await page.waitForTimeout(
|
|
2000);await expect(page.locator(
|
|
'[data-cy="search-bar-refresh-button"] > .q-btn__content')).toBeVisible();await page.waitForTimeout(
|
|
3000);await page.locator(
|
|
"[data-test='logs-search-bar-refresh-btn']").click({
|
|
|
|
force: true });
|
|
await page.getByText(/Reset Filters/).first().click({
|
|
force: true });
|
|
await page.waitForTimeout(5000);
|
|
// await page.waitForSelector('[data-test="logs-search-bar-query-editor"]')
|
|
const text = await page.evaluate(() => {
|
|
const editor = document.querySelector('[data-test="logs-search-bar-query-editor"]').querySelector('.view-lines'); // Adjust selector if needed
|
|
console.log(editor,JSON.stringify(editor))
|
|
return editor ? editor.textContent : null;
|
|
});
|
|
|
|
console.log(text);
|
|
await expect(text).toEqual("");
|
|
|
|
});
|
|
test("should add invalid query and display error", async ({ page }) => {
|
|
// Type the value of a variable into an input field
|
|
|
|
await page.waitForTimeout(2000);
|
|
await page.locator(
|
|
'[data-cy="date-time-button"]').click({ force: true });await page.locator(
|
|
|
|
'[data-test="date-time-relative-15-m-btn"] > .q-btn__content > .block').click({ force: true });
|
|
await page.click('[data-test="logs-search-bar-query-editor"]')
|
|
await page.keyboard.type("kubernetes");
|
|
await page.waitForTimeout(2000);
|
|
await page.locator('[data-cy="search-bar-refresh-button"] > .q-btn__content').click({force: true })
|
|
await expect(page.locator('[data-test="logs-search-error-message"]')).toBeVisible();
|
|
});
|
|
|
|
test("should not display error if match all case added in log query search", async ({ page }) => {
|
|
// Type the value of a variable into an input field
|
|
await page.waitForTimeout(2000);
|
|
await page.locator('[data-cy="date-time-button"]').click({ force: true });
|
|
await page.locator('[data-test="date-time-relative-15-m-btn"] > .q-btn__content > .block').click({force: true });
|
|
await page.click('[data-test="logs-search-bar-query-editor"]')
|
|
await page.keyboard.type("match_all('code')");
|
|
await page.waitForTimeout(2000);
|
|
await page.locator('[data-cy="search-bar-refresh-button"] > .q-btn__content').click({sforce: true });
|
|
await expect(page.locator('[data-test="log-table-column-0-source"]')).toBeVisible();
|
|
});
|
|
|
|
test("should change stream settings and click on search stream", async ({ page }) => {
|
|
// Type the value of a variable into an input field
|
|
await page.locator('[data-test="menu-link-/streams-item"]').click({ force: true });
|
|
await page.waitForTimeout(3000);
|
|
await page.click('[data-test="streams-search-stream-input"]')
|
|
await page.keyboard.type("e2e_automate");
|
|
await page.locator("[title=\"Stream Detail\"]").first().click({ force: true });
|
|
await page.locator(':nth-child(2) > [data-test="schema-stream-index-select"]').click();
|
|
const scope = page.locator(".q-virtual-scroll__content");
|
|
await scope.getByText(/Full text search/).first().click();
|
|
await page.locator('[data-test="schema-update-settings-button"]').click({force: true });
|
|
await page.waitForTimeout(3000);
|
|
await page.locator(".col-auto > .q-btn > .q-btn__content").click({ force: true });
|
|
await page.waitForTimeout(3000);
|
|
await page.locator("[title=\"Explore\"]").first().click({ force: true });
|
|
await expect(page.locator('[data-test="log-table-column-0-source"]')).toBeVisible();
|
|
});
|
|
|
|
test("should display error if blank spaces added under stream name and clicked create stream ", async ({ page }) => {
|
|
await page.locator('[data-test="menu-link-/streams-item"]').click({ force: true });
|
|
await page.locator('[data-test="log-stream-add-stream-btn"]').click({ force: true });
|
|
await page.click('[data-test="add-stream-name-input"]')
|
|
await page.keyboard.type(" ");
|
|
await page.locator('[data-test="save-stream-btn"]').click({ force: true });
|
|
await expect(page.getByText(/Field is required/).first()).toBeVisible();
|
|
});
|
|
|
|
test("should display error if create stream is clicked without adding name", async ({ page }) => {
|
|
await page.locator( '[data-test="menu-link-/streams-item"]').click({ force: true });
|
|
await page.locator('[data-test="log-stream-add-stream-btn"]').click({ force: true });
|
|
await page.waitForTimeout(1000);
|
|
await page.locator('[data-test="save-stream-btn"]').click({ force: true });
|
|
await expect(page.getByText(/Field is required/).first()).toBeVisible();
|
|
});
|
|
|
|
test("should display enter count query", async ({ page }) =>{
|
|
await page.locator(
|
|
|
|
'[data-test="logs-search-bar-query-editor"] > .monaco-editor').click();
|
|
await page.click('[data-test="logs-search-bar-query-editor"] > .monaco-editor')
|
|
await page.keyboard.type('SELECT COUNT(_timestamp) AS xyz, _timestamp FROM "e2e_automate" Group by _timestamp ORDER BY _timestamp DESC');
|
|
await page.waitForTimeout(4000);
|
|
await page.getByLabel("SQL Mode").locator("div").nth(2).click();
|
|
await expect(page.locator(
|
|
'[data-cy="search-bar-refresh-button"] > .q-btn__content')).toBeVisible();await page.waitForTimeout(
|
|
3000);await page.locator(
|
|
"[data-test='logs-search-bar-refresh-btn']").click({
|
|
|
|
force: true });
|
|
await page.waitForTimeout(4000);
|
|
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
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
}) |