fix: table does not show data issue fixed (#17459)

app/client/cypress/integration/Smoke_TestSuite/ServerSideTests/ApiTests/API_Response_View_spec.js

@@ -0,0 +1,30 @@
+const testdata = require("../../../../fixtures/testdata.json");
+import { ObjectsRegistry } from "../../../../support/Objects/Registry";
+import apiEditor from "../../../../locators/ApiEditor";
+const testUrl1 = "http://localhost:5001/v1/dynamicrecords/getstudents";
+const agHelper = ObjectsRegistry.AggregateHelper,
+  apiPage = ObjectsRegistry.ApiPage;
+
+describe("Bug 14666: Api Response Test Functionality ", function() {
+  it("Test table loading when data is in array format", function() {
+    cy.log("Login Successful");
+    cy.NavigateToAPI_Panel();
+    cy.log("Navigation to API Panel screen successful");
+    apiPage.CreateAndFillApi(testUrl1, "TableTestAPI");
+    agHelper.AssertAutoSave();
+    apiPage.RunAPI();
+    cy.get(apiEditor.tableResponseTab).should('exist');
+    cy.DeleteAPI();
+  });
+
+  it("Test table loading when data is not in array format", function() {
+    cy.log("Login Successful");
+    cy.NavigateToAPI_Panel();
+    cy.log("Navigation to API Panel screen successful");
+    apiPage.CreateAndFillApi(testdata.baseUrl + testdata.methods, "TableTestAPI");
+    agHelper.AssertAutoSave();
+    apiPage.RunAPI();
+    cy.get(apiEditor.tableResponseTab).should('not.exist');
+    cy.DeleteAPI();
+  });
+});

app/client/src/components/editorComponents/ApiResponseView.tsx

@@ -369,9 +369,21 @@ function ApiResponseView(props: Props) {
     });
   };
 
+  let filteredResponseDataTypes: { key: string; title: string }[] = [
+    ...responseDataTypes,
+  ];
+  if (!!response.body && !isArray(response.body)) {
+    filteredResponseDataTypes = responseDataTypes.filter(
+      (item) => item.key !== API_RESPONSE_TYPE_OPTIONS.TABLE,
+    );
+    if (responseDisplayFormat.title === API_RESPONSE_TYPE_OPTIONS.TABLE) {
+      onResponseTabSelect(filteredResponseDataTypes[0]?.title);
+    }
+  }
+
   const selectedTabIndex =
-    responseDataTypes &&
+    filteredResponseDataTypes &&
-    responseDataTypes.findIndex(
+    filteredResponseDataTypes.findIndex(
       (dataType) => dataType.title === responseDisplayFormat?.title,
     );
 
@@ -386,8 +398,8 @@ function ApiResponseView(props: Props) {
   }, []);
 
   const responseTabs =
-    responseDataTypes &&
+    filteredResponseDataTypes &&
-    responseDataTypes.map((dataType, index) => {
+    filteredResponseDataTypes.map((dataType, index) => {
       return {
         index: index,
         key: dataType.key,