[SecuritySolution] Fix inspect_button cypress

x-pack/plugins/security_solution/cypress/e2e/inspect/inspect_button.cy.ts

@@ -17,8 +17,11 @@ import {
   openTableInspectModal,
 } from '../../tasks/inspect';
 import { login, visit } from '../../tasks/login';
-import { HOSTS_URL } from '../../urls/navigation';
-import { postDataView, waitForPageToBeLoaded } from '../../tasks/common';
+import {
+  postDataView,
+  waitForPageToBeLoaded,
+  waitForWelcomePanelToBeLoaded,
+} from '../../tasks/common';
 import { esArchiverLoad, esArchiverUnload } from '../../tasks/es_archiver';
 import { selectDataView } from '../../tasks/sourcerer';
 
@@ -28,12 +31,10 @@ describe('Inspect Explore pages', () => {
   before(() => {
     esArchiverLoad('risk_users');
     esArchiverLoad('risk_hosts');
-    login();
 
+    login();
     // Create and select data view
     postDataView(DATA_VIEW);
-    visit(HOSTS_URL);
-    selectDataView(DATA_VIEW);
   });
 
   after(() => {
@@ -47,8 +48,14 @@ describe('Inspect Explore pages', () => {
      */
     it(`inspect ${pageName} page`, () => {
       login();
-      visit(url);
-      waitForPageToBeLoaded();
+
+      visit(url, {
+        onLoad: () => {
+          waitForWelcomePanelToBeLoaded();
+          waitForPageToBeLoaded();
+          selectDataView(DATA_VIEW);
+        },
+      });
 
       lensVisualizations.forEach((lens) => {
         cy.log(`inspects the ${lens.title} visualization`);

x-pack/plugins/security_solution/cypress/screens/security_header.ts

@@ -69,6 +69,8 @@ export const REFRESH_BUTTON = '[data-test-subj="querySubmitButton"]';
 export const LOADING_INDICATOR = '[data-test-subj="globalLoadingIndicator"]';
 export const LOADING_INDICATOR_HIDDEN = '[data-test-subj="globalLoadingIndicator-hidden"]';
 
+export const KIBANA_LOADING_ICON = '[data-test-subj="kbnLoadingMessage"]';
+
 // opens the navigation panel for a given nested link
 export const openNavigationPanelFor = (page: string) => {
   let panel;

x-pack/plugins/security_solution/cypress/tasks/common.ts

@@ -5,7 +5,13 @@
  * 2.0.
  */
 
-import { LOADING_INDICATOR, LOADING_INDICATOR_HIDDEN } from '../screens/security_header';
+import { ELASTIC_HTTP_VERSION_HEADER } from '@kbn/core-http-common';
+import { DATA_VIEW_PATH, INITIAL_REST_VERSION } from '@kbn/data-views-plugin/server/constants';
+import {
+  LOADING_INDICATOR,
+  LOADING_INDICATOR_HIDDEN,
+  KIBANA_LOADING_ICON,
+} from '../screens/security_header';
 
 const primaryButton = 0;
 
@@ -215,17 +221,20 @@ export const deleteConnectors = () => {
 export const postDataView = (dataSource: string) => {
   rootRequest({
     method: 'POST',
-    url: `/api/index_patterns/index_pattern`,
+    url: DATA_VIEW_PATH,
     body: {
-      index_pattern: {
+      data_view: {
         id: dataSource,
+        name: dataSource,
         fieldAttrs: '{}',
         title: dataSource,
         timeFieldName: '@timestamp',
-        fields: '{}',
       },
     },
-    headers: { 'kbn-xsrf': 'cypress-creds-via-config' },
+    headers: {
+      'kbn-xsrf': 'cypress-creds-via-config',
+      [ELASTIC_HTTP_VERSION_HEADER]: [INITIAL_REST_VERSION],
+    },
     failOnStatusCode: false,
   });
 };
@@ -245,3 +254,8 @@ export const waitForPageToBeLoaded = () => {
   cy.get(LOADING_INDICATOR_HIDDEN).should('exist');
   cy.get(LOADING_INDICATOR).should('not.exist');
 };
+
+export const waitForWelcomePanelToBeLoaded = () => {
+  cy.get(KIBANA_LOADING_ICON).should('exist');
+  cy.get(KIBANA_LOADING_ICON).should('not.exist');
+};

x-pack/plugins/security_solution/cypress/tasks/login.ts

@@ -352,6 +352,9 @@ export const visit = (url: string, options: Partial<Cypress.VisitOptions> = {},
 
       disableNewFeaturesTours(win);
     },
+    onLoad: (win) => {
+      options.onLoad?.(win);
+    },
   });
   waitForPageToBeLoaded();
 };

x-pack/plugins/security_solution/cypress/tsconfig.json

@@ -35,6 +35,7 @@
     "@kbn/securitysolution-data-table",
     "@kbn/cases-plugin",
     "@kbn/data-plugin",
-    "@kbn/core-http-common"
+    "@kbn/core-http-common",
+    "@kbn/data-views-plugin"
   ]
 }