@@ -7892,7 +7899,7 @@ exports[`
spec click translation button, and response is ok 1`] = `
/>
spec click translation button, and response is ok 1`] = `
>
`;
+
+exports[`
spec renders the component and checks if Opensearch is selected 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ No result
+
+
+
+
+ Enter a query in the query editor above to see results.
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`
spec renders the component and checks if side tree is loaded 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ No result
+
+
+
+
+ Enter a query in the query editor above to see results.
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`
spec renders the component and s3 glue component is present 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ No result
+
+
+
+
+ Enter a query in the query editor above to see results.
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`
spec renders the component and toggles ppl 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ No result
+
+
+
+
+ Enter a query in the query editor above to see results.
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`
spec renders the component for s3 glue and check sample query button 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ No result
+
+
+
+
+ Enter a query in the query editor above to see results.
+
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/public/components/Main/main.test.tsx b/public/components/Main/main.test.tsx
index 581a7f5f..e583c2a2 100644
--- a/public/components/Main/main.test.tsx
+++ b/public/components/Main/main.test.tsx
@@ -4,14 +4,16 @@
*/
import '@testing-library/jest-dom/extend-expect';
-import { fireEvent, render } from '@testing-library/react';
+import { fireEvent, render, waitFor } from '@testing-library/react';
import React from 'react';
import { HttpResponse } from '../../../../../src/core/public';
import { httpClientMock } from '../../../test/mocks';
import {
+ mockDataSelectQuery,
mockDatasourcesQuery,
mockHttpQuery,
mockNotOkQueryResultResponse,
+ mockOpenSearchIndicies,
mockOpenSearchTreeQuery,
mockQueryResultJDBCResponse,
mockQueryTranslationResponse,
@@ -32,6 +34,76 @@ describe('
spec', () => {
await asyncTest();
expect(document.body.children[0]).toMatchSnapshot();
});
+ it('renders the component and toggles ppl', async () => {
+ const client = httpClientMock;
+ client.post = jest.fn().mockResolvedValue(mockHttpQuery);
+ client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
+ const { getByText } = await render(
+
+ );
+ const pplButton = getByText('PPL');
+ const asyncTest = () => {
+ fireEvent.click(pplButton);
+ };
+ waitFor(()=>{
+ asyncTest();
+ })
+ expect(document.body.children[0]).toMatchSnapshot();
+ });
+ it('renders the component and checks if Opensearch is selected', async () => {
+ const client = httpClientMock;
+ client.post = jest.fn().mockResolvedValue(mockHttpQuery);
+ client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
+ const { getByText } = await render(
+
+ );
+ expect(getByText('OpenSearch')).toBeInTheDocument();
+ expect(document.body.children[0]).toMatchSnapshot();
+ });
+ it('renders the component and s3 glue component is present', async () => {
+ const client = httpClientMock;
+ client.post = jest.fn().mockResolvedValue(mockHttpQuery);
+ client.get = jest.fn().mockResolvedValue(mockDataSelectQuery);
+ const { getByText } = await render(
+
+ );
+ expect(getByText('OpenSearch')).toBeInTheDocument();
+ fireEvent.click(getByText('OpenSearch'))
+ await waitFor(() => {
+ expect(getByText('glue_1')).toBeInTheDocument();
+ });
+ expect(document.body.children[0]).toMatchSnapshot();
+ });
+ it('renders the component for s3 glue and check sample query button ', async () => {
+ const client = httpClientMock;
+ client.post = jest.fn().mockResolvedValue(mockHttpQuery);
+ client.get = jest.fn().mockResolvedValue(mockDataSelectQuery);
+ const { getByText } = await render(
+
+ );
+ expect(getByText('OpenSearch')).toBeInTheDocument();
+ fireEvent.click(getByText('OpenSearch'))
+ fireEvent.click(getByText('glue_1'))
+ await waitFor(() => {
+ expect(getByText('Sample Query')).toBeInTheDocument();
+ });
+ expect(document.body.children[0]).toMatchSnapshot();
+ });
+ it('renders the component and checks if side tree is loaded', async () => {
+ const client = httpClientMock;
+ client.post = jest.fn().mockResolvedValue(mockHttpQuery);
+ client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
+
+ client.post = jest.fn(() => {
+ return (Promise.resolve(mockOpenSearchIndicies) as unknown) as HttpResponse;
+ });
+ const { getByText } = await render(
+
+ );
+ expect(getByText('.kibana_1')).toBeInTheDocument();
+
+ expect(document.body.children[0]).toMatchSnapshot();
+ });
it('click run button, and response is ok', async () => {
const client = httpClientMock;
@@ -145,4 +217,4 @@ describe('
spec', () => {
await asyncTest();
expect(document.body.children[0]).toMatchSnapshot();
});
-});
+});
\ No newline at end of file
diff --git a/public/components/PPLPage/PPLPage.test.tsx b/public/components/PPLPage/PPLPage.test.tsx
index a5e4f4bf..1b026277 100644
--- a/public/components/PPLPage/PPLPage.test.tsx
+++ b/public/components/PPLPage/PPLPage.test.tsx
@@ -4,9 +4,9 @@
*/
-import React from "react";
import "@testing-library/jest-dom/extend-expect";
-import { render, fireEvent } from "@testing-library/react";
+import { fireEvent, render } from "@testing-library/react";
+import React from "react";
import { PPLPage } from "./PPLPage";
@@ -31,6 +31,7 @@ describe("
spec", () => {
const onTranslate = jest.fn();
const onClean = jest.fn();
const updateSQLQueries = jest.fn();
+ const onExplain = jest.fn()
const { getByText } = render(
spec", () => {
});
-});
+ it('tests the action buttons', async () => {
+ const onRun = jest.fn();
+ const onTranslate = jest.fn();
+ const onClean = jest.fn();
+ const updateSQLQueries = jest.fn();
+ const onExplain = jest.fn()
+
+ const { getByText } = render(
+
+ );
+ expect(getByText('Explain')).toBeInTheDocument();
+ fireEvent.click(getByText('Explain'));
+ expect(document.body.children[0]).toMatchSnapshot();
+ });
+ it('tests the Sample query button', async () => {
+ const onRun = jest.fn();
+ const onTranslate = jest.fn();
+ const onClean = jest.fn();
+ const updateSQLQueries = jest.fn();
+ const onExplain = jest.fn()
+ const { getByText } = render(
+
+ );
+ expect(getByText('Sample Query')).toBeInTheDocument();
+ const sampleQueryButton = getByText('Sample Query');
+ const asyncTest = () => {
+ fireEvent.click(sampleQueryButton);
+ };
+
+ await asyncTest();
+ expect(document.body.children[0]).toMatchSnapshot();
+
+ });
+ it('tests the Sample query button', async () => {
+ const onRun = jest.fn();
+ const onTranslate = jest.fn();
+ const onClean = jest.fn();
+ const updateSQLQueries = jest.fn();
+ const onExplain = jest.fn()
+
+ const { getByText } = render(
+
+ );
+ // expect(getByText('PPL documentation')).toBeInTheDocument();
+ expect(document.body.children[0]).toMatchSnapshot();
+ });
+});
\ No newline at end of file
diff --git a/public/components/PPLPage/PPLPage.tsx b/public/components/PPLPage/PPLPage.tsx
index db244fea..1915e6c4 100644
--- a/public/components/PPLPage/PPLPage.tsx
+++ b/public/components/PPLPage/PPLPage.tsx
@@ -128,12 +128,13 @@ export class PPLPage extends React.Component
{
this.props.onRun(this.props.pplQuery)}
>
this.props.onRun(this.props.pplQuery)}
>
{this.props.asyncLoading ? 'Running' : 'Run'}
@@ -145,7 +146,7 @@ export class PPLPage extends React.Component {
this.props.onClear();
}}
>
-
+
Clear
diff --git a/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap b/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
index a6e979fc..4e863c46 100644
--- a/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
+++ b/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
@@ -139,6 +139,7 @@ exports[` spec renders the component 1`] = `
>