mirror of
https://github.com/openobserve/openobserve.git
synced 2026-11-04 16:09:05 +00:00
Sai Nikhil
c5be09fbf4
This PR includes changes 1. introduced icons for histogram , sql mode, quickmode and moved search history , download logs , search scheduled jobs options into menu that will be there at right end 2. this will make the UI to accommodate upto 1200px with datetime as relative , 1350 when it is absolute 3. introducing icons saved space of ~200px in total for both sides
346 lines
17 KiB
JavaScript
346 lines
17 KiB
JavaScript
import { test, expect } from "./baseFixtures";
|
|
import logData from "../../ui-testing/cypress/fixtures/log.json";
|
|
import { LogsPage } from '../pages/logsPage.js';
|
|
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.goto(process.env["ZO_BASE_URL"]);
|
|
if (await page.getByText('Login as internal user').isVisible()) {
|
|
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"]);
|
|
}
|
|
|
|
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("Logs Queries 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);
|
|
// await search.hits.FIXME_should("be.an", "array");
|
|
}
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
await login(page);
|
|
logsPage = new LogsPage(page);
|
|
await page.waitForTimeout(1000)
|
|
await ingestion(page);
|
|
await page.waitForTimeout(2000)
|
|
logsPage = new LogsPage(page);
|
|
|
|
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.skip("should add timestamp to editor save this view and switch", async ({ page }) => {
|
|
await page.waitForTimeout(3000);
|
|
await page.locator('[data-test="log-table-column-0-source"]').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 }) => {
|
|
// Generate a random saved view name
|
|
const randomSavedViewName = `streamslog${Math.random().toString(36).substring(2, 10)}`;
|
|
|
|
// Interactions with the 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(randomSavedViewName); // Use the random name
|
|
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.waitForTimeout(1000);
|
|
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(randomSavedViewName); // Use the random name here
|
|
await page.waitForTimeout(3000);
|
|
await page.waitForSelector(`:text("${randomSavedViewName}")`);
|
|
await page.click(`:text("${randomSavedViewName}")`);
|
|
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(randomSavedViewName).click(); // Use the random name here
|
|
|
|
// Dynamic delete button selector using the random saved view name
|
|
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(); // Confirm deletion
|
|
});
|
|
|
|
test("should reset the editor on clicking reset filter button", async ({ page }) => {
|
|
await page.locator('[data-test="date-time-btn"]').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.keyboard.type("match_all_raw_ignore_case('provide_credentials')");
|
|
await page.locator('[data-cy="search-bar-refresh-button"] > .q-btn__content').waitFor({ state: "visible" });
|
|
await page.locator("[data-test='logs-search-bar-refresh-btn']").click({ force: true });
|
|
await page.locator('[data-test="logs-search-bar-reset-filters-btn"]').click({ force: true });
|
|
await page.locator('[data-test="logs-search-bar-query-editor"] > .monaco-editor .view-lines').waitFor({ state: "visible" });
|
|
const text = await page.evaluate(() => {
|
|
const editor = document.querySelector('[data-test="logs-search-bar-query-editor"]').querySelector('.view-lines');
|
|
return editor ? editor.textContent : null;
|
|
});
|
|
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-test="date-time-btn"]').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.locator('[data-test="date-time-btn"]').click({ force: true });
|
|
await page.locator('[data-test="date-time-relative-15-m-btn"] > .q-btn__content > .block').click({ force: true });
|
|
|
|
// Ensure the query editor is visible and clickable before typing
|
|
const queryEditor = page.locator('[data-test="logs-search-bar-query-editor"]');
|
|
await expect(queryEditor).toBeVisible();
|
|
await queryEditor.click();
|
|
await page.keyboard.type("match_all('code')");
|
|
|
|
// Ensure the refresh button is visible and clickable before clicking
|
|
const refreshButton = page.locator('[data-cy="search-bar-refresh-button"] > .q-btn__content');
|
|
await expect(refreshButton).toBeVisible();
|
|
await refreshButton.click({ force: true });
|
|
|
|
// Verify that the expected log table column is visible
|
|
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.waitForTimeout(2000);
|
|
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.locator('[data-test="save-stream-btn"]').waitFor({ state: "visible" });
|
|
await page.locator('[data-test="save-stream-btn"]').scrollIntoViewIfNeeded();
|
|
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.getByRole('switch', { name: '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
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
test("should display values API text successfully and error to not be displayed", async ({ page }) => {
|
|
await page.locator('[data-test="log-search-index-list-field-search-input"]').fill('kubernetes_pod_name');
|
|
await page.getByLabel('Expand "kubernetes_pod_name"').click();
|
|
const errorMessage = page.getByText('Error while fetching field values');
|
|
await expect(errorMessage).not.toBeVisible();
|
|
await page.getByText('ziox-ingester-').click();
|
|
await page.locator('[data-test="logs-search-bar-refresh-btn"]').click();
|
|
await page.getByLabel('Collapse "kubernetes_pod_name"').click();
|
|
await page.getByLabel('Expand "kubernetes_pod_name"').click();
|
|
const targetElement = page.locator('[data-test="logs-search-subfield-add-kubernetes_pod_name-ziox-ingester-0"]').getByText('ziox-ingester-');
|
|
await expect(targetElement).toBeVisible(); // Assertion to ensure visibility
|
|
await targetElement.click()
|
|
})
|
|
|
|
test("should display results in selected time", async ({
|
|
page,
|
|
}) => {
|
|
|
|
await logsPage.setDateTimeToToday();
|
|
|
|
|
|
});
|
|
|
|
test("should display results if stringmatch ignorecase lowercase added in log query search", async ({ page }) => {
|
|
// Type the value of a variable into an input field
|
|
await page.locator('[data-test="date-time-btn"]').click({ force: true });
|
|
await page.locator('[data-test="date-time-relative-15-m-btn"] > .q-btn__content > .block').click({ force: true });
|
|
|
|
// Ensure the query editor is visible and clickable before typing
|
|
const queryEditor = page.locator('[data-test="logs-search-bar-query-editor"]');
|
|
await expect(queryEditor).toBeVisible();
|
|
await queryEditor.click();
|
|
await page.keyboard.type("str_match_ignore_case(kubernetes_container_name, 'ziox')");
|
|
await page.waitForTimeout(4000);
|
|
|
|
// Ensure the refresh button is visible and clickable before clicking
|
|
const refreshButton = page.locator('[data-cy="search-bar-refresh-button"] > .q-btn__content');
|
|
await expect(refreshButton).toBeVisible();
|
|
await refreshButton.click({ force: true });
|
|
|
|
// Verify that the expected log table column is visible
|
|
await expect(page.locator('[data-test="log-table-column-0-source"]')).toBeVisible();
|
|
});
|
|
|
|
|
|
test("should display results if stringmatch ignorecase uppercase added in log query search", async ({ page }) => {
|
|
// Type the value of a variable into an input field
|
|
await page.locator('[data-test="date-time-btn"]').click({ force: true });
|
|
await page.locator('[data-test="date-time-relative-15-m-btn"] > .q-btn__content > .block').click({ force: true });
|
|
|
|
// Ensure the query editor is visible and clickable before typing
|
|
const queryEditor = page.locator('[data-test="logs-search-bar-query-editor"]');
|
|
await expect(queryEditor).toBeVisible();
|
|
await queryEditor.click();
|
|
await page.keyboard.type("str_match_ignore_case(kubernetes_container_name, 'Ziox')");
|
|
await page.waitForTimeout(4000);
|
|
|
|
// Ensure the refresh button is visible and clickable before clicking
|
|
const refreshButton = page.locator('[data-cy="search-bar-refresh-button"] > .q-btn__content');
|
|
await expect(refreshButton).toBeVisible();
|
|
await refreshButton.click({ force: true });
|
|
|
|
// Verify that the expected log table column is visible
|
|
await expect(page.locator('[data-test="log-table-column-0-source"]')).toBeVisible();
|
|
});
|
|
|
|
}) |