test(cypress): fix table vis tests to use the correct selector (#10905)

---------

Signed-off-by: Qxisylolo <[email protected]>

Author: Qxisylolo

cypress/integration/core_opensearch_dashboards/opensearch_dashboards/apps/explore/06/rule_matching_vis_table.spec.js

@@ -39,7 +39,7 @@ export const runCreateVisTests = () => {
 
     it('should create a table visualization using a query with multiple fields', () => {
       const query = `source=${datasetName} | stats count() by category, response_time | head 10`;
-      cy.explore.createVisualizationWithQuery(query, 'Table', datasetName, {
+      cy.explore.createVisualizationWithQuery(query, 'table', datasetName, {
         shouldManualSelectChartType: true,
       });
 
@@ -48,7 +48,7 @@ export const runCreateVisTests = () => {
 
     it('should toggle column filter and the changes reflect immediately to the table visualization', () => {
       const query = `source=${datasetName} | stats count() by category, response_time | head 10`;
-      cy.explore.createVisualizationWithQuery(query, 'Table', datasetName, {
+      cy.explore.createVisualizationWithQuery(query, 'table', datasetName, {
         shouldManualSelectChartType: true,
       });
 
@@ -69,7 +69,7 @@ export const runCreateVisTests = () => {
 
     it('should add threshold coloring and reflect immediately to the table visualization', () => {
       const query = `source=${datasetName} | stats count() by category | head 5`;
-      cy.explore.createVisualizationWithQuery(query, 'Table', datasetName, {
+      cy.explore.createVisualizationWithQuery(query, 'table', datasetName, {
         shouldManualSelectChartType: true,
       });
 
@@ -93,7 +93,7 @@ export const runCreateVisTests = () => {
 
     it('should create data links that turn cell values into clickable links', () => {
       const query = `source=${datasetName} | stats count() by category | head 10`;
-      cy.explore.createVisualizationWithQuery(query, 'Table', datasetName, {
+      cy.explore.createVisualizationWithQuery(query, 'table', datasetName, {
         shouldManualSelectChartType: true,
       });
 

cypress/utils/commands.explore.js

@@ -525,8 +525,7 @@ cy.explore.add('createVisualizationWithQuery', (query, chartType, datasetName, o
 
   // Ensure chart type is correct
   cy.getElementByTestId('exploreChartTypeSelector').should('be.visible').click();
-  cy.getElementByTestId(`exploreChartTypeSelector-${chartType}`).should('be.visible');
-
+  cy.get(`#${chartType}`).should('match', '[role="option"][aria-selected="true"]');
   cy.get('body').click(0, 0);
 });