@W-17070457 Allow multi conditional !import.meta.env.SSR statements

lib/util/ssr.js

@@ -7,12 +7,46 @@
 'use strict';
 
 module.exports.isSSREscape = function isSSREscape(node) {
-    return (
-        (node.type === 'IfStatement' || node.type === 'ConditionalExpression') &&
-        (isMetaEnvCheck(node.test) || isWindowOrDocumentCheck(node.test))
-    );
+    if (node.type === 'IfStatement' || node.type === 'ConditionalExpression') {
+        if (checkConditionalStatements(node.test) || isWindowOrDocumentCheck(node.test)) {
+            return true;
+        }
+    }
+
+    return false;
 };
 
+function checkConditionalStatements(test) {
+    let node = test;
+
+    // Recursive Case: If the node is a logical expression, check its left and right parts.
+    if (node.type === 'LogicalExpression' || node.type === 'BinaryExpression') {
+        if (node.operator === '||') {
+            return false;
+        }
+
+        const rightNodeConditional = checkConditionalStatements(node.right);
+
+        if (!rightNodeConditional) {
+            return checkConditionalStatements(node.left);
+        } else if (rightNodeConditional) {
+            return true;
+        }
+    }
+
+    // Base Case: If the node is an Identifier or MemberExpression, don't need to continue.
+    if (node.type === 'Identifier' || node.type === 'MemberExpression' || node.type === 'Literal') {
+        return false;
+    }
+
+    // Base Case: If the node is UnaryExpression, call isMetaEnvCheck().
+    if (node.type === 'UnaryExpression' && node.operator === '!') {
+        return isMetaEnvCheck(node);
+    }
+
+    return false;
+}
+
 function isMetaEnvCheck(test) {
     let node = test;
     if (!(node.type === 'UnaryExpression' && node.operator === '!')) return false;

test/lib/rules/no-unsupported-ssr-properties.js

@@ -107,6 +107,82 @@ testRule('no-unsupported-ssr-properties', {
                 }
             `,
         },
+        {
+            code: `
+                import { LightningElement } from 'lwc';
+
+                export default class Foo extends LightningElement {
+                  connectedCallback() {
+                    if (!import.meta.env.SSR && !randomOtherCheck) {
+                      this.querySelector('span').getAttribute('role');
+                    }
+                  }
+                }
+            `,
+        },
+        {
+            code: `
+              import { LightningElement } from 'lwc';
+
+              export default class Foo extends LightningElement {
+                connectedCallback() {
+                  if (!import.meta.env.SSR && randomOtherCheck) {
+                    this.querySelector('span').getAttribute('role');
+                  }
+                }
+              }
+          `,
+        },
+        {
+            code: `
+              import { LightningElement } from 'lwc';
+
+              export default class Foo extends LightningElement {
+                connectedCallback() {
+                  if (randomOtherCheck && !import.meta.env.SSR) {
+                    this.querySelector('span').getAttribute('role');
+                  }
+                }
+              }
+          `,
+        },
+        {
+            code: `
+              import { LightningElement } from 'lwc';
+
+              export default class Foo extends LightningElement {
+                connectedCallback() {
+                  if (!a && b && !c && d && !import.meta.env.SSR) {
+                    this.querySelector('span').getAttribute('role');
+                  }
+                }
+              }
+          `,
+        },
+        {
+            code: `
+              import { LightningElement } from 'lwc';
+
+              export default class Foo extends LightningElement {
+                connectedCallback() {
+                  if (a && (b && !import.meta.env.SSR)) {
+                    this.querySelector('span').getAttribute('role');
+                  }
+                }
+              }
+          `,
+        },
+        {
+            code: `
+              import { LightningElement } from 'lwc';
+
+              export default class Foo extends LightningElement {
+                connectedCallback() {
+                  return isCSR ? this.template.querySelector('button') : null;
+                }
+              }
+          `,
+        },
     ],
     invalid: [
         {
@@ -364,5 +440,77 @@ testRule('no-unsupported-ssr-properties', {
                 },
             ],
         },
+        {
+          code: `
+            import { LightningElement } from 'lwc';
+
+            export default class Foo extends LightningElement {
+              connectedCallback() {
+                if (!a && b && !c && d) {
+                  this.querySelector('span').getAttribute('role');
+                }
+              }
+            }
+          `,
+          errors: [
+              {
+                  messageId: 'propertyAccessFound',
+              }
+          ]
+        },
+        {
+            code: `
+              import { LightningElement } from 'lwc';
+
+              export default class Foo extends LightningElement {
+                connectedCallback() {
+                  if (a && (b || !import.meta.env.SSR)) {
+                    this.querySelector('span').getAttribute('role');
+                  }
+                }
+              }
+          `,
+          errors: [
+            {
+                messageId: 'propertyAccessFound',
+            }
+          ]
+        },
+        {
+            code: `
+              import { LightningElement } from 'lwc';
+
+              export default class Foo extends LightningElement {
+                connectedCallback() {
+                  if (a || (b || !import.meta.env.SSR)) {
+                    this.querySelector('span').getAttribute('role');
+                  }
+                }
+              }
+          `,
+          errors: [
+            {
+                messageId: 'propertyAccessFound',
+            }
+          ]
+        },
+        {
+            code: `
+              import { LightningElement } from 'lwc';
+
+              export default class Foo extends LightningElement {
+                connectedCallback() {
+                  if (a || (b && !import.meta.env.SSR)) {
+                    this.querySelector('span').getAttribute('role');
+                  }
+                }
+              }
+          `,
+          errors: [
+            {
+                messageId: 'propertyAccessFound',
+            }
+          ]
+        },
     ],
 });