feat: evaluate checkboxes

Author: dbajpeyi

dist/autofill-debug.js

@@ -298,6 +298,8 @@ class FormAnalyzer {
                 shouldFlip = false;
             }
             this.updateSignal({ string, strength, signalType: `external link: ${string}`, shouldFlip });
+        } else if (el.matches(this.matching.cssSelector('enabledCheckboxSelector')) && this.isPersistentSigninText(string)) {
+            this.decreaseSignalBy(3, 'checkbox: persistent sign-in');
         } else {
             // any other case
             const isH1Element = el.tagName === 'H1';
@@ -383,6 +385,15 @@ class FormAnalyzer {
         this._isCCForm = Boolean(textMatches && deDupedMatches.size > 1);
         return this._isCCForm;
     }
+
+    /**
+     * Checks if the text is a persistent sign-in text, e.g "stay signed in" or "remember me"
+     * @param {string} text
+     * @returns {boolean}
+     */
+    isPersistentSigninText(text) {
+        return /stay.?signed.?in|remember.?me/i.test(text);
+    }
 }
 
 export default FormAnalyzer;

dist/autofill.js

@@ -15,6 +15,8 @@ button:not([role=switch]):not([role=link]),
 a[href="#"][id*=button i],
 a[href="#"][id*=btn i]`;
 
+const enabledCheckboxSelector = 'input[type="checkbox"]:not([disabled])';
+
 const safeUniversalSelector = '*:not(select):not(option):not(script):not(noscript):not(style):not(br)';
 
 const emailAddress = [
@@ -279,6 +281,7 @@ const selectors = {
     formInputsSelectorWithoutSelect,
     formInputsSelector,
     safeUniversalSelector,
+    enabledCheckboxSelector,
 
     // Credentials
     emailAddress,

src/Form/FormAnalyzer.js

@@ -367,6 +367,13 @@ const getTextShallow = (el) => {
         if (el.type === 'image') {
             return removeExcessWhitespace(el.alt || el.value || el.title || el.name);
         }
+
+        // If it's checkbox, check for the first label to keep it simple.
+        // If there are multiple ones, we want to be on the safe side and ignore them,
+        // as the text can be noisy, resulting in false positives on the caller side.
+        if (el.type === 'checkbox' && el.labels?.length === 1) {
+            return removeExcessWhitespace(el.labels[0].textContent);
+        }
     }
 
     let text = '';