Issue #867. Update form test (new markup).

webcompat · Dec 31, 2015 · 77e8020 · 77e8020
1 parent f4ef68f
commit 77e8020
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/tests/functional/reporting-non-auth.js b/tests/functional/reporting-non-auth.js
@@ -120,8 +120,8 @@ define([
         .findByCssSelector('#image').type('/path/to/foo.hacks')
         .end()
         // wait a bit
-        .sleep(100)
-        .findByXpath('//*[@id="new-report"]/div/form/div[2]/div[2]').getAttribute('class')
+        .sleep(250)
+        .findByCssSelector('.js-image-upload').getAttribute('class')
         .then(function(className) {
           assert.include(className, 'js-form-error');
           assert.notInclude(className, 'js-no-error');
@@ -131,9 +131,9 @@ define([
         .findByCssSelector('#image').type('/path/to/foo.jpg')
         .end()
         // wait a bit
-        .sleep(100)
+        .sleep(250)
         // validation message should be removed now
-        .findByXpath('//*[@id="new-report"]/div/form/div[2]/div[2]').getAttribute('class')
+        .findByCssSelector('.js-image-upload').getAttribute('class')
         .then(function(className) {
           assert.include(className, 'js-no-error');
           assert.notInclude(className, 'js-form-error');

diff --git a/webcompat/templates/form.html b/webcompat/templates/form.html
@@ -44,7 +44,7 @@
         </div>
       </div>
       <div class="r-Grid-cell r-Grid-cell--alignBottom r-all--1of2 r-maxS--2of2">
-        <div class="wc-Form-group  {% if form.image.errors %}wc-Form-error{% endif %}">
+        <div class="js-image-upload wc-Form-group {% if form.image.errors %}wc-Form-error{% endif %}">
           <label class="wc-Form-upload" for="image">
             <div class="wc-Form-upload-wrapper">
               <div class="wc-Form-upload-icon" aria-hidden="true">