Implement support for the autocomplete attribute
authorjhoneycutt@apple.com <jhoneycutt@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 3 Nov 2015 22:51:52 +0000 (22:51 +0000)
committerjhoneycutt@apple.com <jhoneycutt@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 3 Nov 2015 22:51:52 +0000 (22:51 +0000)
https://bugs.webkit.org/show_bug.cgi?id=150731
rdar://problem/21078968

LayoutTests/imported/w3c:

Reviewed by Brent Fulgham.

* web-platform-tests/html/dom/interfaces-expected.txt: Rebased.
* web-platform-tests/html/semantics/forms/the-form-element/form-autocomplete-expected.txt:
Rebased.

Source/WebCore:

The autocomplete attribute is defined by
https://html.spec.whatwg.org/multipage/forms.html#autofill.

Reviewed by Brent Fulgham.

Test: fast/forms/autocomplete-tokens.html

* html/HTMLFormControlElement.cpp:
(WebCore::isContactToken):
Return true if this is a contact token.
(WebCore::categoryForAutofillFieldToken):
Adds all of the autofill field tokens to a map, and returns the
category for a given token.
(WebCore::maxTokensForAutofillFieldCategory):
Return the maximum number of tokens an autofill category supports.
(WebCore::HTMLFormControlElement::parseAutocompleteAttribute):
Implement the processing model defined in
https://html.spec.whatwg.org/multipage/forms.html#processing-model-3
with respect to the IDL-exposed autofill value.
(WebCore::HTMLFormControlElement::setAutocomplete):
Set the autocomplete attribute to the given string.

* html/HTMLFormControlElement.h:
Declare setAutocomplete() and autocomplete().

* html/HTMLInputElement.idl:
Remove the Reflect attribute. We now have custom processing for getting
this attribute.

* html/HTMLSelectElement.idl:
Declare the autocomplete attribute.

* html/HTMLTextAreaElement.idl:
Ditto.

LayoutTests:

Reviewed by Brent Fulgham.

* fast/forms/autocomplete-tokens-expected.txt: Added.
* fast/forms/autocomplete-tokens.html: Added.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@191981 268f45cc-cd09-0410-ab3c-d52691b4dbfc

12 files changed:
LayoutTests/ChangeLog
LayoutTests/fast/forms/autocomplete-tokens-expected.txt [new file with mode: 0644]
LayoutTests/fast/forms/autocomplete-tokens.html [new file with mode: 0644]
LayoutTests/imported/w3c/ChangeLog
LayoutTests/imported/w3c/web-platform-tests/html/dom/interfaces-expected.txt
LayoutTests/imported/w3c/web-platform-tests/html/semantics/forms/the-form-element/form-autocomplete-expected.txt
Source/WebCore/ChangeLog
Source/WebCore/html/HTMLFormControlElement.cpp
Source/WebCore/html/HTMLFormControlElement.h
Source/WebCore/html/HTMLInputElement.idl
Source/WebCore/html/HTMLSelectElement.idl
Source/WebCore/html/HTMLTextAreaElement.idl

index 9a961a1..1312a66 100644 (file)
@@ -1,3 +1,14 @@
+2015-10-30  Jon Honeycutt  <jhoneycutt@apple.com>
+
+        Implement support for the autocomplete attribute
+        https://bugs.webkit.org/show_bug.cgi?id=150731
+        rdar://problem/21078968
+
+        Reviewed by Brent Fulgham.
+
+        * fast/forms/autocomplete-tokens-expected.txt: Added.
+        * fast/forms/autocomplete-tokens.html: Added.
+
 2015-11-03  Nan Wang  <n_wang@apple.com>
 
         AX: Add support for ARIA 1.1 attribute 'aria-modal' for dialog and alertdialog
diff --git a/LayoutTests/fast/forms/autocomplete-tokens-expected.txt b/LayoutTests/fast/forms/autocomplete-tokens-expected.txt
new file mode 100644 (file)
index 0000000..ac3cc2a
--- /dev/null
@@ -0,0 +1,211 @@
+Tests for valid autocomplete tokens on input, select, and textarea elements.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Valid keywords:
+PASS input.autocomplete is "name"
+PASS input.autocomplete is "honorific-prefix"
+PASS input.autocomplete is "given-name"
+PASS input.autocomplete is "additional-name"
+PASS input.autocomplete is "family-name"
+PASS input.autocomplete is "honorific-suffix"
+PASS input.autocomplete is "nickname"
+PASS input.autocomplete is "organization-title"
+PASS input.autocomplete is "username"
+PASS input.autocomplete is "new-password"
+PASS input.autocomplete is "current-password"
+PASS input.autocomplete is "organization"
+PASS input.autocomplete is "street-address"
+PASS input.autocomplete is "address-line1"
+PASS input.autocomplete is "address-line2"
+PASS input.autocomplete is "address-line3"
+PASS input.autocomplete is "address-level4"
+PASS input.autocomplete is "address-level3"
+PASS input.autocomplete is "address-level2"
+PASS input.autocomplete is "address-level1"
+PASS input.autocomplete is "country"
+PASS input.autocomplete is "country-name"
+PASS input.autocomplete is "postal-code"
+PASS input.autocomplete is "cc-name"
+PASS input.autocomplete is "cc-given-name"
+PASS input.autocomplete is "cc-additional-name"
+PASS input.autocomplete is "cc-family-name"
+PASS input.autocomplete is "cc-number"
+PASS input.autocomplete is "cc-exp"
+PASS input.autocomplete is "cc-exp-month"
+PASS input.autocomplete is "cc-exp-year"
+PASS input.autocomplete is "cc-csc"
+PASS input.autocomplete is "cc-type"
+PASS input.autocomplete is "transaction-currency"
+PASS input.autocomplete is "transaction-amount"
+PASS input.autocomplete is "language"
+PASS input.autocomplete is "bday"
+PASS input.autocomplete is "bday-day"
+PASS input.autocomplete is "bday-month"
+PASS input.autocomplete is "bday-year"
+PASS input.autocomplete is "sex"
+PASS input.autocomplete is "url"
+PASS input.autocomplete is "photo"
+PASS input.autocomplete is "tel"
+PASS input.autocomplete is "tel-country-code"
+PASS input.autocomplete is "tel-national"
+PASS input.autocomplete is "tel-area-code"
+PASS input.autocomplete is "tel-local"
+PASS input.autocomplete is "tel-local-prefix"
+PASS input.autocomplete is "tel-local-suffix"
+PASS input.autocomplete is "tel-extension"
+PASS input.autocomplete is "email"
+PASS input.autocomplete is "impp"
+
+Contact scope:
+PASS input.autocomplete is "home tel"
+PASS input.autocomplete is "home tel-country-code"
+PASS input.autocomplete is "home tel-national"
+PASS input.autocomplete is "home tel-area-code"
+PASS input.autocomplete is "home tel-local"
+PASS input.autocomplete is "home tel-local-prefix"
+PASS input.autocomplete is "home tel-local-suffix"
+PASS input.autocomplete is "home tel-extension"
+PASS input.autocomplete is "home email"
+PASS input.autocomplete is "home impp"
+PASS input.autocomplete is "work tel"
+PASS input.autocomplete is "work tel-country-code"
+PASS input.autocomplete is "work tel-national"
+PASS input.autocomplete is "work tel-area-code"
+PASS input.autocomplete is "work tel-local"
+PASS input.autocomplete is "work tel-local-prefix"
+PASS input.autocomplete is "work tel-local-suffix"
+PASS input.autocomplete is "work tel-extension"
+PASS input.autocomplete is "work email"
+PASS input.autocomplete is "work impp"
+PASS input.autocomplete is "mobile tel"
+PASS input.autocomplete is "mobile tel-country-code"
+PASS input.autocomplete is "mobile tel-national"
+PASS input.autocomplete is "mobile tel-area-code"
+PASS input.autocomplete is "mobile tel-local"
+PASS input.autocomplete is "mobile tel-local-prefix"
+PASS input.autocomplete is "mobile tel-local-suffix"
+PASS input.autocomplete is "mobile tel-extension"
+PASS input.autocomplete is "mobile email"
+PASS input.autocomplete is "mobile impp"
+PASS input.autocomplete is "fax tel"
+PASS input.autocomplete is "fax tel-country-code"
+PASS input.autocomplete is "fax tel-national"
+PASS input.autocomplete is "fax tel-area-code"
+PASS input.autocomplete is "fax tel-local"
+PASS input.autocomplete is "fax tel-local-prefix"
+PASS input.autocomplete is "fax tel-local-suffix"
+PASS input.autocomplete is "fax tel-extension"
+PASS input.autocomplete is "fax email"
+PASS input.autocomplete is "fax impp"
+PASS input.autocomplete is "pager tel"
+PASS input.autocomplete is "pager tel-country-code"
+PASS input.autocomplete is "pager tel-national"
+PASS input.autocomplete is "pager tel-area-code"
+PASS input.autocomplete is "pager tel-local"
+PASS input.autocomplete is "pager tel-local-prefix"
+PASS input.autocomplete is "pager tel-local-suffix"
+PASS input.autocomplete is "pager tel-extension"
+PASS input.autocomplete is "pager email"
+PASS input.autocomplete is "pager impp"
+
+Mode:
+PASS input.autocomplete is "shipping street-address"
+PASS input.autocomplete is "shipping address-line1"
+PASS input.autocomplete is "shipping address-line2"
+PASS input.autocomplete is "shipping address-line3"
+PASS input.autocomplete is "shipping address-level4"
+PASS input.autocomplete is "shipping address-level3"
+PASS input.autocomplete is "shipping address-level2"
+PASS input.autocomplete is "shipping address-level1"
+PASS input.autocomplete is "shipping country"
+PASS input.autocomplete is "shipping country-name"
+PASS input.autocomplete is "shipping postal-code"
+PASS input.autocomplete is "billing street-address"
+PASS input.autocomplete is "billing address-line1"
+PASS input.autocomplete is "billing address-line2"
+PASS input.autocomplete is "billing address-line3"
+PASS input.autocomplete is "billing address-level4"
+PASS input.autocomplete is "billing address-level3"
+PASS input.autocomplete is "billing address-level2"
+PASS input.autocomplete is "billing address-level1"
+PASS input.autocomplete is "billing country"
+PASS input.autocomplete is "billing country-name"
+PASS input.autocomplete is "billing postal-code"
+
+Section:
+PASS input.autocomplete is "section-parent name"
+PASS input.autocomplete is "section-parent honorific-prefix"
+PASS input.autocomplete is "section-parent given-name"
+PASS input.autocomplete is "section-parent additional-name"
+PASS input.autocomplete is "section-parent family-name"
+PASS input.autocomplete is "section-parent honorific-suffix"
+PASS input.autocomplete is "section-parent nickname"
+PASS input.autocomplete is "section-parent organization-title"
+PASS input.autocomplete is "section-parent username"
+PASS input.autocomplete is "section-parent new-password"
+PASS input.autocomplete is "section-parent current-password"
+PASS input.autocomplete is "section-parent organization"
+PASS input.autocomplete is "section-parent street-address"
+PASS input.autocomplete is "section-parent address-line1"
+PASS input.autocomplete is "section-parent address-line2"
+PASS input.autocomplete is "section-parent address-line3"
+PASS input.autocomplete is "section-parent address-level4"
+PASS input.autocomplete is "section-parent address-level3"
+PASS input.autocomplete is "section-parent address-level2"
+PASS input.autocomplete is "section-parent address-level1"
+PASS input.autocomplete is "section-parent country"
+PASS input.autocomplete is "section-parent country-name"
+PASS input.autocomplete is "section-parent postal-code"
+PASS input.autocomplete is "section-parent cc-name"
+PASS input.autocomplete is "section-parent cc-given-name"
+PASS input.autocomplete is "section-parent cc-additional-name"
+PASS input.autocomplete is "section-parent cc-family-name"
+PASS input.autocomplete is "section-parent cc-number"
+PASS input.autocomplete is "section-parent cc-exp"
+PASS input.autocomplete is "section-parent cc-exp-month"
+PASS input.autocomplete is "section-parent cc-exp-year"
+PASS input.autocomplete is "section-parent cc-csc"
+PASS input.autocomplete is "section-parent cc-type"
+PASS input.autocomplete is "section-parent transaction-currency"
+PASS input.autocomplete is "section-parent transaction-amount"
+PASS input.autocomplete is "section-parent language"
+PASS input.autocomplete is "section-parent bday"
+PASS input.autocomplete is "section-parent bday-day"
+PASS input.autocomplete is "section-parent bday-month"
+PASS input.autocomplete is "section-parent bday-year"
+PASS input.autocomplete is "section-parent sex"
+PASS input.autocomplete is "section-parent url"
+PASS input.autocomplete is "section-parent photo"
+PASS input.autocomplete is "section-parent tel"
+PASS input.autocomplete is "section-parent tel-country-code"
+PASS input.autocomplete is "section-parent tel-national"
+PASS input.autocomplete is "section-parent tel-area-code"
+PASS input.autocomplete is "section-parent tel-local"
+PASS input.autocomplete is "section-parent tel-local-prefix"
+PASS input.autocomplete is "section-parent tel-local-suffix"
+PASS input.autocomplete is "section-parent tel-extension"
+PASS input.autocomplete is "section-parent email"
+PASS input.autocomplete is "section-parent impp"
+
+Invalid combinations:
+PASS input.autocomplete is ""
+PASS input.autocomplete is ""
+PASS input.autocomplete is ""
+PASS input.autocomplete is ""
+PASS input.autocomplete is ""
+PASS input.autocomplete is ""
+PASS input.autocomplete is ""
+PASS input.autocomplete is ""
+PASS input.autocomplete is ""
+PASS input.autocomplete is ""
+PASS input.autocomplete is ""
+
+Non-autocompleteable controls:
+PASS button.autocomplete is "invalid"
+PASS keygen.autocomplete is "invalid"
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
diff --git a/LayoutTests/fast/forms/autocomplete-tokens.html b/LayoutTests/fast/forms/autocomplete-tokens.html
new file mode 100644 (file)
index 0000000..9b6cf93
--- /dev/null
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <script src="../../resources/js-test-pre.js"></script>
+    </head>
+    <body>
+        <p id="description"></p>
+        <div id="console"></div>
+        <script>
+            description('Tests for valid autocomplete tokens on input, select, and textarea elements.');
+
+            var input = document.createElement('input');
+            var textarea = document.createElement('textarea');
+            var select = document.createElement('select');
+            var button = document.createElement('button');
+            var keygen = document.createElement('keygen');
+            var autocompleteableControls = [ input, textarea, select ];
+
+            var keywords = [ "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "organization-title", "username", "new-password", "current-password", "organization", "street-address", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "url", "photo", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-local-prefix", "tel-local-suffix", "tel-extension", "email", "impp" ];
+
+            var modeTokens = [ "billing", "shipping" ];
+
+            debug('Valid keywords:');
+            keywords.forEach(keyword => {
+                input.autocomplete = keyword;
+                shouldBeEqualToString('input.autocomplete', keyword);
+            });
+
+            debug('');
+            debug('Contact scope:');
+            var contactTokens = [ "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-local-prefix", "tel-local-suffix", "tel-extension", "email", "impp" ];
+            var contactScopeTokens = [ "home", "work", "mobile", "fax", "pager" ];
+            contactScopeTokens.forEach(scopeToken => {
+                contactTokens.forEach(contactToken => {
+                    input.autocomplete = scopeToken + " " + contactToken;
+                    shouldBeEqualToString('input.autocomplete', scopeToken + " " + contactToken);
+                })
+            });
+
+            debug('');
+            debug('Mode:');
+            var addressTokens = [ "street-address", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code" ];
+            var modeTokens = [ "shipping", "billing" ];
+            modeTokens.forEach(modeToken => {
+                addressTokens.forEach(addressToken => {
+                    input.autocomplete = modeToken + " " + addressToken;
+                    shouldBeEqualToString('input.autocomplete', modeToken + " " + addressToken);
+                })
+            });
+
+            debug('');
+            debug('Section:');
+            keywords.forEach(keyword => {
+                var value = "section-parent " + keyword;
+                input.autocomplete = value;
+                shouldBeEqualToString('input.autocomplete', value);
+            });
+
+            debug('');
+            debug('Invalid combinations:');
+            autocompleteableControls.forEach(control => {
+                 control.autocomplete = 'invalid';
+                 shouldBeEmptyString('input.autocomplete');
+            });
+            // Two normal tokens
+            input.autocomplete = "name name";
+            shouldBeEmptyString('input.autocomplete');
+
+            input.autocomplete = "name bday";
+            shouldBeEmptyString('input.autocomplete');
+
+            // Contact scope token + non-contact token.
+            input.autocomplete = "pager bday";
+            shouldBeEmptyString('input.autocomplete');
+
+            // Two contact scope tokens.
+            input.autocomplete = "home work tel";
+            shouldBeEmptyString('input.autocomplete');
+
+            // Two mode tokens.
+            input.autocomplete = "shipping billing tel";
+            shouldBeEmptyString('input.autocomplete');
+
+            // Two section tokens.
+            input.autocomplete = "section-a section-b tel";
+            shouldBeEmptyString('input.autocomplete');
+
+            // Anything + on/off.
+            input.autocomplete = "tel on";
+            shouldBeEmptyString('input.autocomplete');
+
+            input.autocomplete = "tel off";
+            shouldBeEmptyString('input.autocomplete');
+
+            debug('');
+            debug('Non-autocompleteable controls:');
+            // Buttons and keygens are not autocompleteable, so their autocomplete attribute is not sanitized.
+            button.autocomplete = 'invalid';
+            shouldBeEqualToString('button.autocomplete', 'invalid');
+            keygen.autocomplete = 'invalid';
+            shouldBeEqualToString('keygen.autocomplete', 'invalid');
+        </script>
+        <script src="../../resources/js-test-post.js"></script>
+    </body>
+</html>
index d29aa93..6f9e8a1 100644 (file)
@@ -1,3 +1,15 @@
+2015-11-02  Jon Honeycutt  <jhoneycutt@apple.com>
+
+        Implement support for the autocomplete attribute
+        https://bugs.webkit.org/show_bug.cgi?id=150731
+        rdar://problem/21078968
+
+        Reviewed by Brent Fulgham.
+
+        * web-platform-tests/html/dom/interfaces-expected.txt: Rebased.
+        * web-platform-tests/html/semantics/forms/the-form-element/form-autocomplete-expected.txt:
+        Rebased.
+
 2015-11-03  Keith Rollin  <krollin@apple.com>
 
         HTMLOptionElement.text should never return the value of label
index 8637328..127851d 100644 (file)
@@ -464,6 +464,7 @@ CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'willValidate'
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'validity' on a non-HTMLButtonElement object.
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'validationMessage' on a non-HTMLButtonElement object.
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'labels' on a non-HTMLButtonElement object.
+CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'autocomplete' on a non-HTMLSelectElement object.
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'autofocus' on a non-HTMLSelectElement object.
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'disabled' on a non-HTMLSelectElement object.
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'form' on a non-HTMLSelectElement object.
@@ -490,6 +491,7 @@ CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'selected' on
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'value' on a non-HTMLOptionElement object.
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'text' on a non-HTMLOptionElement object.
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'index' on a non-HTMLOptionElement object.
+CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'autocomplete' on a non-HTMLTextAreaElement object.
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'autofocus' on a non-HTMLTextAreaElement object.
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'cols' on a non-HTMLTextAreaElement object.
 CONSOLE MESSAGE: line 1152: Deprecated attempt to access property 'dirName' on a non-HTMLTextAreaElement object.
@@ -4423,7 +4425,9 @@ FAIL HTMLSelectElement interface: existence and properties of interface object a
 PASS HTMLSelectElement interface object length 
 PASS HTMLSelectElement interface: existence and properties of interface prototype object 
 FAIL HTMLSelectElement interface: existence and properties of interface prototype object's "constructor" property assert_own_property: HTMLSelectElement.prototype does not have own property "constructor" expected property "constructor" missing
-FAIL HTMLSelectElement interface: attribute autocomplete assert_true: The prototype object must have a property "autocomplete" expected true got false
+FAIL HTMLSelectElement interface: attribute autocomplete assert_throws: getting property on prototype object must throw TypeError function "function () {
+    [native code]
+}" did not throw
 FAIL HTMLSelectElement interface: attribute autofocus assert_throws: getting property on prototype object must throw TypeError function "function () {
     [native code]
 }" did not throw
@@ -4483,7 +4487,7 @@ FAIL HTMLSelectElement interface: attribute labels assert_throws: getting proper
 }" did not throw
 PASS HTMLSelectElement must be primary interface of document.createElement("select") 
 PASS Stringification of document.createElement("select") 
-FAIL HTMLSelectElement interface: document.createElement("select") must inherit property "autocomplete" with the proper type (0) assert_inherits: property "autocomplete" not found in prototype chain
+PASS HTMLSelectElement interface: document.createElement("select") must inherit property "autocomplete" with the proper type (0) 
 PASS HTMLSelectElement interface: document.createElement("select") must inherit property "autofocus" with the proper type (1) 
 PASS HTMLSelectElement interface: document.createElement("select") must inherit property "disabled" with the proper type (2) 
 PASS HTMLSelectElement interface: document.createElement("select") must inherit property "form" with the proper type (3) 
@@ -4590,7 +4594,9 @@ FAIL HTMLTextAreaElement interface: existence and properties of interface object
 PASS HTMLTextAreaElement interface object length 
 PASS HTMLTextAreaElement interface: existence and properties of interface prototype object 
 FAIL HTMLTextAreaElement interface: existence and properties of interface prototype object's "constructor" property assert_true: HTMLTextAreaElement.prototype.constructor is not writable expected true got false
-FAIL HTMLTextAreaElement interface: attribute autocomplete assert_true: The prototype object must have a property "autocomplete" expected true got false
+FAIL HTMLTextAreaElement interface: attribute autocomplete assert_throws: getting property on prototype object must throw TypeError function "function () {
+    [native code]
+}" did not throw
 FAIL HTMLTextAreaElement interface: attribute autofocus assert_throws: getting property on prototype object must throw TypeError function "function () {
     [native code]
 }" did not throw
@@ -4671,7 +4677,7 @@ PASS HTMLTextAreaElement interface: operation setRangeText(DOMString,unsigned lo
 FAIL HTMLTextAreaElement interface: operation setSelectionRange(unsigned long,unsigned long,DOMString) assert_equals: property has wrong .length expected 2 but got 0
 PASS HTMLTextAreaElement must be primary interface of document.createElement("textarea") 
 PASS Stringification of document.createElement("textarea") 
-FAIL HTMLTextAreaElement interface: document.createElement("textarea") must inherit property "autocomplete" with the proper type (0) assert_inherits: property "autocomplete" not found in prototype chain
+PASS HTMLTextAreaElement interface: document.createElement("textarea") must inherit property "autocomplete" with the proper type (0) 
 PASS HTMLTextAreaElement interface: document.createElement("textarea") must inherit property "autofocus" with the proper type (1) 
 PASS HTMLTextAreaElement interface: document.createElement("textarea") must inherit property "cols" with the proper type (2) 
 PASS HTMLTextAreaElement interface: document.createElement("textarea") must inherit property "dirName" with the proper type (3) 
index a73f212..f73a9fd 100644 (file)
@@ -20,8 +20,8 @@ PASS street-address is an allowed autocomplete field name
 PASS address-line1 is an allowed autocomplete field name 
 PASS address-line2 is an allowed autocomplete field name 
 PASS address-line3 is an allowed autocomplete field name 
-PASS locality is an allowed autocomplete field name 
-PASS region is an allowed autocomplete field name 
+FAIL locality is an allowed autocomplete field name assert_equals: expected "locality" but got ""
+FAIL region is an allowed autocomplete field name assert_equals: expected "region" but got ""
 PASS country is an allowed autocomplete field name 
 PASS country-name is an allowed autocomplete field name 
 PASS postal-code is an allowed autocomplete field name 
index 324e9d2..8ed98d1 100644 (file)
@@ -1,3 +1,44 @@
+2015-10-30  Jon Honeycutt  <jhoneycutt@apple.com>
+
+        Implement support for the autocomplete attribute
+        https://bugs.webkit.org/show_bug.cgi?id=150731
+        rdar://problem/21078968
+
+        The autocomplete attribute is defined by
+        https://html.spec.whatwg.org/multipage/forms.html#autofill.
+
+        Reviewed by Brent Fulgham.
+
+        Test: fast/forms/autocomplete-tokens.html
+
+        * html/HTMLFormControlElement.cpp:
+        (WebCore::isContactToken):
+        Return true if this is a contact token.
+        (WebCore::categoryForAutofillFieldToken):
+        Adds all of the autofill field tokens to a map, and returns the
+        category for a given token.
+        (WebCore::maxTokensForAutofillFieldCategory):
+        Return the maximum number of tokens an autofill category supports.
+        (WebCore::HTMLFormControlElement::parseAutocompleteAttribute):
+        Implement the processing model defined in
+        https://html.spec.whatwg.org/multipage/forms.html#processing-model-3
+        with respect to the IDL-exposed autofill value.
+        (WebCore::HTMLFormControlElement::setAutocomplete):
+        Set the autocomplete attribute to the given string.
+
+        * html/HTMLFormControlElement.h:
+        Declare setAutocomplete() and autocomplete().
+
+        * html/HTMLInputElement.idl:
+        Remove the Reflect attribute. We now have custom processing for getting
+        this attribute.
+
+        * html/HTMLSelectElement.idl:
+        Declare the autocomplete attribute.
+
+        * html/HTMLTextAreaElement.idl:
+        Ditto.
+
 2015-11-03  Brady Eidson  <beidson@apple.com>
 
         Modern IDB: Land empty IDBCursor/Index IDL implementations.
index 6217fbd..68be251 100644 (file)
@@ -594,4 +594,163 @@ HTMLFormControlElement* HTMLFormControlElement::enclosingFormControlElement(Node
     return nullptr;
 }
 
+static inline bool isContactToken(const AtomicString& token)
+{
+    return token == "home" || token == "work" || token == "mobile" || token == "fax" || token == "pager";
+}
+
+enum class AutofillCategory {
+    Invalid,
+    Off,
+    Automatic,
+    Normal,
+    Contact,
+};
+
+static inline AutofillCategory categoryForAutofillFieldToken(const AtomicString& token)
+{
+    static NeverDestroyed<HashMap<AtomicString, AutofillCategory>> map;
+    if (map.get().isEmpty()) {
+        map.get().add(AtomicString("off", AtomicString::ConstructFromLiteral), AutofillCategory::Off);
+        map.get().add(AtomicString("on", AtomicString::ConstructFromLiteral), AutofillCategory::Automatic);
+
+        map.get().add(AtomicString("name", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("honorific-prefix", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("given-name", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("additional-name", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("family-name", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("honorific-suffix", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("nickname", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("username", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("new-password", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("current-password", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("organization-title", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("organization", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("street-address", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("address-line1", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("address-line2", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("address-line3", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("address-level4", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("address-level3", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("address-level2", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("address-level1", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("country", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("country-name", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("postal-code", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("cc-name", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("cc-given-name", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("cc-additional-name", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("cc-family-name", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("cc-number", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("cc-exp", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("cc-exp-month", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("cc-exp-year", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("cc-csc", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("cc-type", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("transaction-currency", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("transaction-amount", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("language", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("bday", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("bday-day", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("bday-month", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("bday-year", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("sex", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("url", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+        map.get().add(AtomicString("photo", AtomicString::ConstructFromLiteral), AutofillCategory::Normal);
+
+        map.get().add(AtomicString("tel", AtomicString::ConstructFromLiteral), AutofillCategory::Contact);
+        map.get().add(AtomicString("tel-country-code", AtomicString::ConstructFromLiteral), AutofillCategory::Contact);
+        map.get().add(AtomicString("tel-national", AtomicString::ConstructFromLiteral), AutofillCategory::Contact);
+        map.get().add(AtomicString("tel-area-code", AtomicString::ConstructFromLiteral), AutofillCategory::Contact);
+        map.get().add(AtomicString("tel-local", AtomicString::ConstructFromLiteral), AutofillCategory::Contact);
+        map.get().add(AtomicString("tel-local-prefix", AtomicString::ConstructFromLiteral), AutofillCategory::Contact);
+        map.get().add(AtomicString("tel-local-suffix", AtomicString::ConstructFromLiteral), AutofillCategory::Contact);
+        map.get().add(AtomicString("tel-extension", AtomicString::ConstructFromLiteral), AutofillCategory::Contact);
+        map.get().add(AtomicString("email", AtomicString::ConstructFromLiteral), AutofillCategory::Contact);
+        map.get().add(AtomicString("impp", AtomicString::ConstructFromLiteral), AutofillCategory::Contact);
+    }
+
+    return map.get().get(token);
+}
+
+static inline unsigned maxTokensForAutofillFieldCategory(AutofillCategory category)
+{
+    switch (category) {
+    case AutofillCategory::Invalid:
+        return 0;
+
+    case AutofillCategory::Automatic:
+    case AutofillCategory::Off:
+        return 1;
+
+    case AutofillCategory::Normal:
+        return 3;
+
+    case AutofillCategory::Contact:
+        return 4;
+    }
+    ASSERT_NOT_REACHED();
+    return 0;
+}
+
+// https://html.spec.whatwg.org/multipage/forms.html#processing-model-3
+String HTMLFormControlElement::autocomplete() const
+{
+    const AtomicString& attributeValue = fastGetAttribute(autocompleteAttr);
+    SpaceSplitString tokens(attributeValue, true);
+    if (tokens.isEmpty())
+        return String();
+
+    size_t currentTokenIndex = tokens.size() - 1;
+    const auto& fieldToken = tokens[currentTokenIndex];
+    auto category = categoryForAutofillFieldToken(fieldToken);
+    if (category == AutofillCategory::Invalid)
+        return String();
+
+    if (tokens.size() > maxTokensForAutofillFieldCategory(category))
+        return String();
+
+    bool wearingAutofillAnchorMantle = is<HTMLInputElement>(*this) && downcast<HTMLInputElement>(this)->isInputTypeHidden();
+    if ((category == AutofillCategory::Off || category == AutofillCategory::Automatic) && wearingAutofillAnchorMantle)
+        return String();
+
+    if (category == AutofillCategory::Off)
+        return ASCIILiteral("off");
+
+    if (category == AutofillCategory::Automatic)
+        return ASCIILiteral("on");
+
+    String result = fieldToken;
+    if (!currentTokenIndex--)
+        return result;
+
+    const auto& contactToken = tokens[currentTokenIndex];
+    if (category == AutofillCategory::Contact && isContactToken(contactToken)) {
+        result = contactToken + " " + result;
+        if (!currentTokenIndex--)
+            return result;
+    }
+
+    const auto& modeToken = tokens[currentTokenIndex];
+    if (modeToken == "shipping" || modeToken == "billing") {
+        result = modeToken + " " + result;
+        if (!currentTokenIndex--)
+            return result;
+    }
+
+    if (currentTokenIndex)
+        return String();
+
+    const auto& sectionToken = tokens[currentTokenIndex];
+    if (!sectionToken.startsWith("section-"))
+        return String();
+
+    return sectionToken + " " + result;
+}
+
+void HTMLFormControlElement::setAutocomplete(const String& value)
+{
+    setAttribute(autocompleteAttr, value);
+}
+
 } // namespace Webcore
index 3e6054e..6765284 100644 (file)
@@ -114,6 +114,9 @@ public:
 
     static HTMLFormControlElement* enclosingFormControlElement(Node*);
 
+    String autocomplete() const;
+    void setAutocomplete(const String&);
+
     using Node::ref;
     using Node::deref;
 
index 22d5d91..de12f8c 100644 (file)
@@ -22,7 +22,7 @@
 interface HTMLInputElement : HTMLElement {
     [Reflect] attribute DOMString accept;
     [Reflect] attribute DOMString alt;
-    [Reflect] attribute DOMString autocomplete;
+    attribute DOMString autocomplete;
     [Reflect] attribute boolean autofocus;
     [Reflect=checked] attribute boolean defaultChecked;
     attribute boolean checked;
index cbdb944..9956c89 100644 (file)
@@ -68,4 +68,6 @@
     void setCustomValidity([TreatNullAs=NullString, TreatUndefinedAs=NullString] DOMString error);
 
     readonly attribute NodeList labels;
+
+    attribute DOMString autocomplete;
 };
index 9533d60..22b8286 100644 (file)
@@ -71,4 +71,6 @@ interface HTMLTextAreaElement : HTMLElement {
 #if defined(LANGUAGE_OBJECTIVE_C) && LANGUAGE_OBJECTIVE_C
     [Reflect] attribute DOMString accessKey;
 #endif
+
+    attribute DOMString autocomplete;
 };