Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(77)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/test/data/autofill/heuristics/input/144_cc_checkout_m_jcp.com.html

Issue 1807463003: [Autofill] Add cvc regexes for the heuristics. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Changed test file name Created 4 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « chrome/test/data/autofill/heuristics/input/143_cc_checkout_efollet.com.html ('k') | chrome/test/data/autofill/heuristics/input/27_checkout_cc_keurig.com.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <div id="pay-credit-card" ng-class="payWithCreditCardVm.activeAccordionClass" cl ass="content ng-scope active">
2
3 <div class="block-content">
4
5 <form action="#" name="payWithCreditCardVm.guestPaymentForm" class="ng-prist ine ng-invalid ng-invalid-required">
6 <div id="add-card" class="row collapse collapse-left">
7 <div class="small-9 medium-5 large-5 end columns error" ng-class="{error : payWithCreditCardVm.isInvalidCardNumber}">
8 <input type="tel" name="card-number-guest" id="credit-card" class="cre dit-card ng-pristine ng-invalid ng-invalid-required" placeholder="enter cc numbe r" ng-model="payWithCreditCardVm.paywithcreditcard.cardNumber" ng-blur="payWithC reditCardVm.onBlurCardNumber()" ng-change="payWithCreditCardVm.scanCardNumber('c ardNumber', 'isInvalidCardNumber')" required="" cc-validate="">
9 <div class="error-message ng-binding">This field is required</div>
10 </div>
11 <div class="small-12 medium-7 large-7 columns end">
12 <ul class="card-list inline-list" ng-class="{keyed: payWithCreditCardV m.paywithcreditcard.type}">
13 <li class="jcp" ng-class="{active: payWithCreditCardVm.paywithcredit card.type=='JCP'}"><img src="img/jcp.jpg" alt="JCPenney"></li>
14 <li class="visa" ng-class="{active: payWithCreditCardVm.paywithcredi tcard.type=='Visa'}"><img src="img/Visa-card.png" alt="Visa"></li>
15 <li class="mastercard" ng-class="{active: payWithCreditCardVm.paywit hcreditcard.type=='MasterCard'}"><img src="img/mc.png" alt="MasterCard"></li>
16 <li class="amex" ng-class="{active: payWithCreditCardVm.paywithcredi tcard.type=='Amex'}"><img src="img/amex.png" alt="American Express"></li>
17 <li class="discover" ng-class="{active: payWithCreditCardVm.paywithc reditcard.type=='Discover'}"><img src="img/discover.png" alt="Discover"></li>
18 <li class="dualcard" ng-class="{active: payWithCreditCardVm.paywithc reditcard.type=='JCPenneyMasterCard'}"><img src="img/jcpMCIcon.png" alt="JCPenne y MasterCard"></li>
19 </ul>
20 </div>
21 <div ng-show="payWithCreditCardVm.isExpDateShown" class="row collapse ca rd-expiration-fields ng-hide">
22 <div class="small-12 medium-12 large-12 columns">
23 <h6>Expiration Date</h6>
24 </div>
25 <div class="small-5 medium-3 large-2 columns" ng-class="{error: payWit hCreditCardVm.isInvalidMonth}">
26 <select id="cardExpirationMonth" name="month-guest" data-prompt="Mon th" ng-model="payWithCreditCardVm.paywithcreditcard.expiryMonth" placeholder="Mo nth" ng-change="payWithCreditCardVm.clearErrorMessage('isInvalidMonth')" ng-blur ="payWithCreditCardVm.onBlurInput()" ng-required="payWithCreditCardVm.isExpDateS hown" class="ng-pristine ng-valid ng-valid-required">
27 <option value="" selected="" disabled="">Month</option>
28 <option value="1">January</option>
29 <option value="2">February</option>
30 <option value="3">March</option>
31 <option value="4">April</option>
32 <option value="5">May</option>
33 <option value="6">June</option>
34 <option value="7">July</option>
35 <option value="8">August</option>
36 <option value="9">September</option>
37 <option value="10">October</option>
38 <option value="11">November</option>
39 <option value="12">December</option>
40 </select>
41 <div class="error-message ng-binding">Select a valid month</div>
42 </div>
43 <div class="small-3 medium-3 large-2 columns" ng-class="{error: payWit hCreditCardVm.isInvalidYear}">
44
45 <select id="cardExpirationYear" name="year-guest" data-prompt="Year" ng-model="payWithCreditCardVm.paywithcreditcard.expiryYear" ng-options="expyear .code as expyear.year for expyear in payWithCreditCardVm.expiryYear" ng-blur="pa yWithCreditCardVm.onBlurInput()" ng-change="payWithCreditCardVm.clearErrorMessag e('isInvalidYear')" ng-required="payWithCreditCardVm.isExpDateShown" class="ng-p ristine ng-valid ng-valid-required"><option value="" selected="" disabled="" cla ss="">Year</option><option value="0">2016</option><option value="1">2017</option ><option value="2">2018</option><option value="3">2019</option><option value="4" >2020</option><option value="5">2021</option><option value="6">2022</option><opt ion value="7">2023</option><option value="8">2024</option><option value="9">2025 </option><option value="10">2026</option></select>
46
47 <div class="error-message ng-binding"></div>
48 </div>
49 <div class="small-4 medium-3 large-2 columns end" ng-class="{error: pa yWithCreditCardVm.isInvalidCvv}">
50 <input type="tel" id="c-v-v" name="c-v-v-guest" placeholder="C V V" ng-model="payWithCreditCardVm.paywithcreditcard.cvvNumber" maxlength="" ng-blur= "payWithCreditCardVm.onBlurInput()" ng-change="payWithCreditCardVm.scanCvvNumber ('cvvNumber', 'isInvalidCvv')" ng-required="payWithCreditCardVm.isExpDateShown" class="ng-pristine ng-valid ng-valid-required">
51 <div class="error-message ng-binding"></div>
52 </div>
53 </div>
54 <div class="small-12 medium-12 large-12 columns">
55 <h5 class="body-2">Billing Information</h5>
56
57 <input id="billing-as-shipping" ng-hide="payWithCreditCardVm.isShipToS tore || payWithCreditCardVm.isDigital || !payWithCreditCardVm.hasShipping" class ="checkbox toggle-data ng-pristine ng-valid" data-el="#new-billing-address" data -toggle-self="false" name="billingAsShipping" type="checkbox" ng-change="payWith CreditCardVm.optionBillingInformationSelected()" ng-model="payWithCreditCardVm.i sSameAsShippingAddress">
58 <label for="billing-as-shipping" ng-hide="payWithCreditCardVm.isShipTo Store || payWithCreditCardVm.isDigital || !payWithCreditCardVm.hasShipping" clas s="">Same as shipping address</label>
59 </div>
60
61 <div id="new-billing-address" ng-hide="payWithCreditCardVm.isSameAsShipp ingAddress &amp;&amp; payWithCreditCardVm.hasShipping" class="ng-hide">
62
63 <div class="address-form">
64 <div class="row collapse">
65 <div class="small-12 medium-6 large-6 columns" ng-class="{error: p ayWithCreditCardVm.isInvalidFirstName}">
66 <input id="payment-first-name" name="first-name-guest" type="tex t" placeholder="First name" ng-model="payWithCreditCardVm.paywithcreditcard.addr ess.firstName" ng-blur="payWithCreditCardVm.onBlurInput()" ng-change="payWithCre ditCardVm.clearErrorMessage('isInvalidFirstName')" ng-required="!payWithCreditCa rdVm.isSameAsShippingAddress || payWithCreditCardVm.isShipToStore" mask="@?s?" r epeat="17" restrict="reject" class="ng-pristine ng-valid ng-valid-required">
67 <div class="error-message ng-binding"></div>
68 </div>
69 <div class="small-12 medium-6 large-6 columns end" ng-class="{erro r: payWithCreditCardVm.isInvalidLastName}">
70 <input id="payment-last-name" name="last-name-guest" type="text" placeholder="Last name" ng-model="payWithCreditCardVm.paywithcreditcard.address .lastName" ng-blur="payWithCreditCardVm.onBlurInput()" ng-change="payWithCreditC ardVm.clearErrorMessage('isInvalidLastName')" ng-required="!payWithCreditCardVm. isSameAsShippingAddress || payWithCreditCardVm.isShipToStore" mask="@?s?" repeat ="24" restrict="reject" class="ng-pristine ng-valid ng-valid-required">
71 <div class="error-message ng-binding"></div>
72 </div>
73 </div>
74
75 <div class="row collapse">
76 <div class="small-12 medium-6 large-6 columns" ng-class="{error: p ayWithCreditCardVm.isInvalidCountry}">
77 <select id="country-cc-guest" name="country-guest" class="countr y ng-pristine ng-valid ng-valid-required" data-prompt="Country" ng-model="payWit hCreditCardVm.paywithcreditcard.address.country" ng-options="country.code as cou ntry.name for country in payWithCreditCardVm.countries" ng-blur="payWithCreditCa rdVm.onBlurInput()" ng-change="payWithCreditCardVm.selectedCountry()" ng-require d="!payWithCreditCardVm.isSameAsShippingAddress || payWithCreditCardVm.isShipToS tore"><option value="0">APO/FPO/DPO</option><option value="1" selected="selected ">United States</option></select>
78 <div class="error-message ng-binding">Select a valid country</di v>
79 </div>
80 <div class="small-12 medium-6 large-6 columns end" ng-class="{erro r: payWithCreditCardVm.isInvalidCompany}" ng-hide="payWithCreditCardVm.APO_FPO_D PO">
81 <a class="blue-link optional-toggle" ng-click="payWithCreditCard Vm.showCompanyTextField(payWithCreditCardVm)" ng-hide="payWithCreditCardVm.isSho wCompanyTextField">+ Company (optional)</a>
82 <input name="company-guest" type="text" id="company" ng-show="pa yWithCreditCardVm.isShowCompanyTextField" placeholder="Company (Optional)" ng-mo del="payWithCreditCardVm.paywithcreditcard.address.company" repeat="23" restrict ="reject" class="ng-pristine ng-valid ng-hide">
83 <div class="error-message ng-binding"></div>
84 </div>
85 </div>
86
87 <div class="row collapse">
88 <div class="small-12 medium-6 large-6 columns" ng-class="{error: p ayWithCreditCardVm.isInvalidAddress1}">
89 <input id="payment-address-one" name="address-1-guest" type="tex t" placeholder="Street address" ng-change="payWithCreditCardVm.clearErrorMessage ('isInvalidAddress1')" ng-model="payWithCreditCardVm.paywithcreditcard.address.a ddressLineOne" ng-blur="payWithCreditCardVm.onBlurInput()" ng-required="!payWith CreditCardVm.isSameAsShippingAddress || payWithCreditCardVm.isShipToStore" class ="ng-pristine ng-valid ng-valid-required">
90 <div class="error-message ng-binding"></div>
91 <div class="military-specific ng-hide" ng-show="payWithCreditCar dVm.APO_FPO_DPO">
92 <!-- ngRepeat: militarySpecific in payWithCreditCardVm.militar ySpecific --><div id="military-specific" ng-repeat="militarySpecific in payWithC reditCardVm.militarySpecific" class="ng-scope">
93 <span ng-bind-html="militarySpecific.name" class="ng-binding "><em><strong>Army/Navy/Marines:</strong> Enter unit and Box Number</em></span>
94 </div><!-- end ngRepeat: militarySpecific in payWithCreditCard Vm.militarySpecific --><div id="military-specific" ng-repeat="militarySpecific i n payWithCreditCardVm.militarySpecific" class="ng-scope">
95 <span ng-bind-html="militarySpecific.name" class="ng-binding "><em><strong>Ships:</strong> Enter Ships Name and Hull Number</em></span>
96 </div><!-- end ngRepeat: militarySpecific in payWithCreditCard Vm.militarySpecific --><div id="military-specific" ng-repeat="militarySpecific i n payWithCreditCardVm.militarySpecific" class="ng-scope">
97 <span ng-bind-html="militarySpecific.name" class="ng-binding "><em><strong>Air Force:</strong>Enter PSC and Box Number</em></span>
98 </div><!-- end ngRepeat: militarySpecific in payWithCreditCard Vm.militarySpecific -->
99 </div>
100 </div>
101
102 <div class="small-12 medium-6 large-6 columns end" ng-class="{erro r: payWithCreditCardVm.isInvalidAddress2}">
103 <a class="blue-link optional-toggle" ng-click="payWithCreditCard Vm.showAddressLine2TextField(payWithCreditCardVm)" ng-hide="payWithCreditCardVm. isShowAddressLine2TextField">+ Street address 2 (optional)</a>
104 <input name="address-2-guest" type="text" id="address2" ng-show= "payWithCreditCardVm.isShowAddressLine2TextField" placeholder="Street address 2 (optional)" ng-model="payWithCreditCardVm.paywithcreditcard.address.addressLineT wo" class="ng-pristine ng-valid ng-hide">
105 <div class="error-message ng-binding"></div>
106 </div>
107
108 <div class="small-12 medium-12 large-12 columns end" ng-class="{er ror: payWithCreditCardVm.isInvaliMilitaryAddressType}">
109 <select id="military-address-type" name="military-address-type" ng-model="payWithCreditCardVm.paywithcreditcard.address.militaryAddressType" ng- options="country.code as country.name for country in payWithCreditCardVm.militar yAddressType" ng-blur="payWithCreditCardVm.onBlurInput()" ng-change="payWithCred itCardVm.selectedMilitaryAddressType()" ng-show="payWithCreditCardVm.APO_FPO_DPO " type="text" ng-required="(!payWithCreditCardVm.isSameAsShippingAddress &amp;&a mp; payWithCreditCardVm.APO_FPO_DPO) || (payWithCreditCardVm.isShipToStore &amp; &amp; payWithCreditCardVm.APO_FPO_DPO)" class="ng-pristine ng-hide ng-valid ng-v alid-required"><option value="" selected="" disabled="" class="">select APO/FPO/ DPO</option><option value="0">APO</option><option value="1">FPO</option><option value="2">DPO</option></select>
110 <div class="error-message ng-binding"></div>
111 </div>
112
113 </div>
114
115 <div class="row collapse">
116
117 <div class="small-4 medium-4 large-4 columns small-pad-right" ng-c lass="{error: payWithCreditCardVm.isInvalidZip}">
118 <input id="payment-zipcode" name="zip-guest" type="tel" placehol der="Zip" ng-model="payWithCreditCardVm.paywithcreditcard.address.zip" ng-blur=" payWithCreditCardVm.onBlurInput(payWithCreditCardVm.paywithcreditcard)" ng-keyup ="payWithCreditCardVm.keyUpZipcode($event, 'isInvalidZip', payWithCreditCardVm.p aywithcreditcard.address.zip)" ng-required="!payWithCreditCardVm.isSameAsShippin gAddress || payWithCreditCardVm.isShipToStore" maxlength="5" class="ng-pristine ng-valid ng-valid-required">
119 <div class="error-message ng-binding">Enter a valid zip code</di v>
120 </div>
121
122 <div class="small-8 medium-4 large-4 columns" ng-class="{error: pa yWithCreditCardVm.isInvalidState}">
123 <select id="state" name="state-guest" data-prompt="State" ng-mod el="payWithCreditCardVm.paywithcreditcard.address.state" ng-options="state.code as state.name for state in payWithCreditCardVm.usStates" ng-blur="payWithCreditC ardVm.onBlurInput()" ng-change="payWithCreditCardVm.clearErrorMessage('isInvalid State')" ng-required="(!payWithCreditCardVm.isSameAsShippingAddress &amp;&amp; ! payWithCreditCardVm.APO_FPO_DPO) || (payWithCreditCardVm.isShipToStore &amp;&amp ; !payWithCreditCardVm.APO_FPO_DPO)" ng-disabled="payWithCreditCardVm.isStatePop ulated" ng-hide="payWithCreditCardVm.APO_FPO_DPO" class="ng-pristine ng-valid ng -valid-required"><option value="" selected="" disabled="" class="">State</option ><option value="0">Alabama</option><option value="1">Alaska</option><option valu e="2">American Samoa</option><option value="3">Arizona</option><option value="4" >Arkansas</option><option value="5">California</option><option value="6">Colorad o</option><option value="7">Connecticut</option><option value="8">Delaware</opti on><option value="9">District Of Columbia</option><option value="10">Federated S tates Of Micronesia</option><option value="11">Florida</option><option value="12 ">Georgia</option><option value="13">Guam</option><option value="14">Hawaii</opt ion><option value="15">Idaho</option><option value="16">Illinois</option><option value="17">Indiana</option><option value="18">Iowa</option><option value="19">K ansas</option><option value="20">Kentucky</option><option value="21">Louisiana</ option><option value="22">Maine</option><option value="23">Marshall Islands</opt ion><option value="24">Maryland</option><option value="25">Massachusetts</option ><option value="26">Michigan</option><option value="27">Minnesota</option><optio n value="28">Mississippi</option><option value="29">Missouri</option><option val ue="30">Montana</option><option value="31">Nebraska</option><option value="32">N evada</option><option value="33">New Hampshire</option><option value="34">New Je rsey</option><option value="35">New Mexico</option><option value="36">New York</ option><option value="37">North Carolina</option><option value="38">North Dakota </option><option value="39">Northern Mariana Islands</option><option value="40"> Ohio</option><option value="41">Oklahoma</option><option value="42">Oregon</opti on><option value="43">Palau</option><option value="44">Pennsylvania</option><opt ion value="45">Puerto Rico</option><option value="46">Rhode Island</option><opti on value="47">South Carolina</option><option value="48">South Dakota</option><op tion value="49">Tennessee</option><option value="50">Texas</option><option value ="51">Utah</option><option value="52">Vermont</option><option value="53">Virgin Islands</option><option value="54">Virginia</option><option value="55">Washingto n</option><option value="56">West Virginia</option><option value="57">Wisconsin< /option><option value="58">Wyoming</option></select>
124 <div class="error-message ng-binding">Select a valid state</div>
125 </div>
126
127 <div class="small-8 medium-4 large-4 columns ng-hide" ng-show="pay WithCreditCardVm.APO_FPO_DPO" ng-class="{error: payWithCreditCardVm.isInvalidMil itaryState}">
128 <select id="military-state" name="military-state" ng-model="payW ithCreditCardVm.paywithcreditcard.address.state" ng-options="country.code as cou ntry.name for country in payWithCreditCardVm.apStates" ng-blur="payWithCreditCar dVm.onBlurInput()" ng-required="(!payWithCreditCardVm.isSameAsShippingAddress &a mp;&amp; payWithCreditCardVm.APO_FPO_DPO) || (payWithCreditCardVm.isShipToStore &amp;&amp; payWithCreditCardVm.APO_FPO_DPO)" ng-disabled="payWithCreditCardVm.is StatePopulated" class="ng-pristine ng-valid ng-valid-required"><option value="" selected="" disabled="" class="">select a military state</option><option value=" 0">AA (Armed forces Americas)</option><option value="1">AE (Armed forces Europe )</option><option value="2">AP (Armed forces Pacific)</option></select>
129 <div class="error-message ng-binding">Select a military state</d iv>
130 </div>
131
132 <div class="small-12 medium-4 large-4 columns end" ng-class="{erro r: payWithCreditCardVm.isInvalidCity}">
133 <input name="city-guest" type="text" placeholder="City" ng-model ="payWithCreditCardVm.paywithcreditcard.address.city" ng-blur="payWithCreditCard Vm.onBlurInput()" ng-change="payWithCreditCardVm.clearErrorMessage('isInvalidCit y')" ng-required="(!payWithCreditCardVm.isSameAsShippingAddress &amp;&amp; !payW ithCreditCardVm.APO_FPO_DPO) || (payWithCreditCardVm.isShipToStore &amp;&amp; !p ayWithCreditCardVm.APO_FPO_DPO)" ng-hide="payWithCreditCardVm.APO_FPO_DPO" mask= "@?s?" repeat="20" restrict="reject" class="ng-pristine ng-valid ng-valid-requir ed">
134 <div class="error-message ng-binding" ng-hide="payWithCreditCard Vm.APO_FPO_DPO"></div>
135 </div>
136 </div>
137
138 <div class="row collapse">
139 <!-- Guest user, ADPU+STS+STH billing info email field is mandator y -->
140 <div class="small-12 medium-6 large-6 columns" ng-class="{error: p ayWithCreditCardVm.isInvalidEmail}">
141 <input id="email" name="email" type="email" placeholder="Email a ddress" ng-model="payWithCreditCardVm.paywithcreditcard.email" ng-change="payWit hCreditCardVm.clearErrorMessage('isInvalidEmail')" ng-blur="payWithCreditCardVm. onBlurEmail()" ng-required="!payWithCreditCardVm.isSameAsShippingAddress || payW ithCreditCardVm.isShipToStore" class="ng-pristine ng-valid-email ng-valid ng-val id-required">
142 <div class="error-message ng-binding"></div>
143 </div>
144
145 <div class="small-12 medium-6 large-6 columns end" ng-class="{erro r: payWithCreditCardVm.isInvalidPhoneNumber, end: payWithCreditCardVm.hasShippin g}">
146 <input id="phone-bill-info" name="phone-guest" type="tel" placeh older="Phone number" ng-model="payWithCreditCardVm.paywithcreditcard.address.pho ne" ng-blur="payWithCreditCardVm.onBlurInput()" ng-required="!payWithCreditCardV m.isSameAsShippingAddress || payWithCreditCardVm.isShipToStore" ng-keyup="payWit hCreditCardVm.keyUpPhoneGuest($event, 'isInvalidPhoneNumber')" ng-paste="payWith CreditCardVm.pastePhoneNumber($event)" maxlength="12" class="ng-pristine ng-vali d ng-valid-required">
147 <div class="error-message ng-binding"></div>
148 </div>
149 </div>
150 </div>
151 </div>
152 </div>
153 </form>
154 </div>
155 </div>
OLDNEW
« no previous file with comments | « chrome/test/data/autofill/heuristics/input/143_cc_checkout_efollet.com.html ('k') | chrome/test/data/autofill/heuristics/input/27_checkout_cc_keurig.com.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698