hunk.code_window:             <ApiCard
                 className={`t--createBlankApi-${p.packageName}`}
                 key={p.id}
                 onClick={() =>
                   handleOnClick(API_ACTION.CREATE_DATASOURCE_FORM, {
                     pluginId: p.id,
  
hunk.labels: keep keep keep replace keep keep
hunk.after_edit:               onClick={() => {
                   AnalyticsUtil.logEvent("CREATE_DATA_SOURCE_CLICK", {
                     plugin: p,
                   });
  
hunk.file_path: app/client/src/pages/Editor/IntegrationEditor/NewApi.tsx
hunk.type: replace
file: const queryLocators = require("../../../../locators/QueryEditor.json");
  const datasource = require("../../../../locators/DatasourcesEditor.json");
  const pages = require("../../../../locators/Pages.json");
  
  let datasourceName;
  
  describe("Create a query with a postgres datasource, run, save and then delete the query", function() {
    beforeEach(() => {
      cy.startRoutesForDatasource();
    });
  
    it("Create a postgres datasource", function() {
      cy.NavigateToDatasourceEditor();
      cy.get(datasource.PostgreSQL).click();
  
      cy.getPluginFormsAndCreateDatasource();
  
      cy.fillPostgresDatasourceForm();
  
      cy.testSaveDatasource();
  
      cy.get("@createDatasource").then((httpResponse) => {
        datasourceName = httpResponse.response.body.data.name;
      });
    });
    it("Create, runs and delete a query", () => {
      cy.NavigateToQueryEditor();
      cy.contains(".t--datasource-name", datasourceName)
        .find(queryLocators.createQuery)
        .click();
  
      cy.get(queryLocators.templateMenu).click();
      cy.get(".CodeMirror textarea")
        .first()
        .focus()
        .type("select * from users limit 10");
  
      cy.EvaluateCurrentValue("select * from users limit 10");
      cy.runAndDeleteQuery();
    });
    it("Create, runs and delete another query", () => {
      cy.NavigateToQueryEditor();
      cy.get(pages.integrationActiveTab)
        .should("be.visible")
        .click({ force: true });
      cy.contains(".t--datasource-name", datasourceName)
        .find(queryLocators.createQuery)
        .click();
      cy.get(queryLocators.templateMenu).click();
      cy.get(".CodeMirror textarea")
        .first()
        .focus()
        .type("select * from configs");
  
      cy.EvaluateCurrentValue("select * from configs");
      cy.runAndDeleteQuery();
    });
    it("Deletes a datasource", () => {
      cy.NavigateToQueryEditor();
      cy.get(pages.integrationActiveTab)
        .should("be.visible")
        .click({ force: true });
      cy.contains(".t--datasource-name", datasourceName).click();
  
      cy.get(".t--delete-datasource").click();
      cy.wait("@deleteDatasource").should(
        "have.nested.property",
        "response.body.responseMeta.status",
        200,
      );
    });
  });
  