simplify w/ chained ?. and add test

force-app/main/default/lwc/accountRelatedContacts/__tests__/accountRelatedContacts.test.js

@@ -3,6 +3,7 @@ import { graphql } from "lightning/uiGraphQLApi";
 import AccountRelatedContacts from "c/accountRelatedContacts";
 
 const mockGraphQL = require("./data/graphql.json");
+const mockGraphQLEmpty = require("./data/graphql-empty.json");
 
 describe("c-account-related-contacts", () => {
   afterEach(() => {
@@ -35,4 +36,22 @@ describe("c-account-related-contacts", () => {
     expect(details[0].textContent).toBe("415-555-5555");
     expect(details[1].textContent).toBe("[email protected]");
   });
+
+  it("should handle an incomplete graphql response", async () => {
+    // setup
+    const element = createElement("c-account-related-contacts", {
+      is: AccountRelatedContacts,
+    });
+    element.recordId = "0011700000pJRRSAA4";
+
+    document.body.appendChild(element);
+
+    graphql.emit(mockGraphQLEmpty);
+    // Resolve a promise to wait for a re-render of the new content
+    await Promise.resolve();
+
+    // test
+    const title = element.shadowRoot.querySelector("h3");
+    expect(title).toBeNull();
+  });
 });

force-app/main/default/lwc/accountRelatedContacts/__tests__/data/graphql-empty.json

@@ -0,0 +1,5 @@
+{
+  "uiapi": {
+    "query": {}
+  }
+}

force-app/main/default/lwc/accountRelatedContacts/accountRelatedContacts.js

@@ -5,7 +5,7 @@ import { graphql, gql } from "lightning/uiGraphQLApi";
 
 // eslint-disable-next-line @salesforce/lwc-graph-analyzer/no-unresolved-parent-class-reference
 export default class AccountRelatedContacts extends NavigationMixin(
-  LightningElement,
+  LightningElement
 ) {
   @api recordId;
 
@@ -54,11 +54,9 @@ export default class AccountRelatedContacts extends NavigationMixin(
   })
   graphqlResult({ data /* errors */ }) {
     this.contacts = null;
-    if (data && data.uiapi && data.uiapi.query && data.uiapi.query.Account) {
-      const accounts = data.uiapi.query.Account.edges;
-      if (accounts && accounts[0]) {
-        this.contacts = accounts[0].node.Contacts.edges.map((e) => e.node);
-      }
+    const accounts = data?.uiapi?.query?.Account?.edges;
+    if (accounts && accounts[0]) {
+      this.contacts = accounts[0].node.Contacts.edges.map((e) => e.node);
     }
   }
   contacts;