erp5_document_scanner_ui_test: Improve test to cover all buttons

bt5/erp5_document_scanner_ui_test/PathTemplateItem/portal_tests/renderjs_erp5_document_scanner_zuite/testScanDocument.zpt

@@ -91,7 +91,7 @@
 </tr>
 
 <div tal:repeat="item python:range(2)">
-
+  <!-- Click on Capture -->
   <tr>
     <td>waitForElementPresent</td>
     <td>//button[@class="take-picture-btn ui-btn-icon-left ui-icon-circle"]</td>
@@ -102,11 +102,17 @@
     <td>//button[@class="take-picture-btn ui-btn-icon-left ui-icon-circle"]</td>
     <td></td>
   </tr>
+  <tr>
+    <td>waitForElementPresent</td>
+    <td>//div[@class="cropper-wrap-box"]</td>
+    <td></td>
+  </tr>
   <tr>
     <td>waitForElementPresent</td>
     <td>//button[@class="reset-btn ui-btn-icon-left ui-icon-times"]</td>
     <td></td>
   </tr>
+  <!-- Click on Delete -->
   <tr>
     <td>click</td>
     <td>//button[@class="reset-btn ui-btn-icon-left ui-icon-times"]</td>
@@ -117,6 +123,7 @@
     <td>//button[@class="take-picture-btn ui-btn-icon-left ui-icon-circle"]</td>
     <td></td>
   </tr>
+  <!-- Click on Capture again -->
   <tr>
     <td>click</td>
     <td>//button[@class="take-picture-btn ui-btn-icon-left ui-icon-circle"]</td>
@@ -127,6 +134,7 @@
     <td>//button[@class="confirm-btn ui-btn-icon-left ui-icon-check"]</td>
     <td></td>
   </tr>
+  <!-- Click on Confirm -->
   <tr>
     <td>click</td>
     <td>//button[@class="confirm-btn ui-btn-icon-left ui-icon-check"]</td>
@@ -137,18 +145,110 @@
     <td>//button[@class="take-picture-btn ui-btn-icon-left ui-icon-circle"]</td>
     <td></td>
   </tr>
+  <!-- wait upload starts -->
   <tr>
     <td>waitForElementPresent</td>
     <td>//button[@class="ui-btn-icon-left ui-icon-spinner"]</td>
     <td></td>
   </tr>
 </div>
+<!-- wait upload finish -->
+<tr>
+  <td>waitForElementNotPresent</td>
+  <td>//button[@class="ui-btn-icon-left ui-icon-spinner"]</td>
+  <td></td>
+</tr>
+<tr>
+  <td>assertElementPresent</td>
+  <td>//button[@class="new-btn ui-btn-icon-left ui-icon-plus" and @disabled]</td>
+  <td></td>
+</tr>
+<!-- check if first image exists -->
+<tr>
+  <td>assertElementPresent</td>
+  <td>//img[@data-page="0" and @class="show-img"]</td>
+  <td></td>
+</tr>
+<!-- check if second image exists -->
+<tr>
+  <td>assertElementPresent</td>
+  <td>//img[@data-page="1" and @class="show-img"]</td>
+  <td></td>
+</tr>
+<!-- check if third image does not exists -->
+<tr>
+  <td>assertElementNotPresent</td>
+  <td>//img[@data-page="2" and @class="show-img"]</td>
+  <td></td>
+</tr>
+<!-- open first image -->
+<tr>
+  <td>click</td>
+  <td>//img[@data-page="0" and @class="show-img"]</td>
+  <td></td>
+</tr>
+<!-- check if delete button appears -->
+<tr>
+  <td>waitForElementPresent</td>
+  <td>//button[@class="delete-btn ui-btn-icon-left ui-icon-times"]</td>
+  <td></td>
+</tr>
+<tr>
+  <td>assertElementNotPresent</td>
+  <td>//button[@class="new-btn ui-btn-icon-left ui-icon-plus" and @disabled]</td>
+  <td></td>
+</tr>
+<tr>
+  <td>click</td>
+  <td>//button[@class="new-btn ui-btn-icon-left ui-icon-plus"]</td>
+  <td></td>
+</tr>
+<tr>
+  <td>waitForElementPresent</td>
+  <td>//button[@class="take-picture-btn ui-btn-icon-left ui-icon-circle"]</td>
+  <td></td>
+</tr>
+<tr>
+  <td>click</td>
+  <td>//button[@class="take-picture-btn ui-btn-icon-left ui-icon-circle"]</td>
+  <td></td>
+</tr>
+<tr>
+  <td>waitForElementPresent</td>
+  <td>//div[@class="cropper-wrap-box"]</td>
+  <td></td>
+</tr>
+<tr>
+  <td>waitForElementPresent</td>
+  <td>//button[@class="confirm-btn ui-btn-icon-left ui-icon-check"]</td>
+  <td></td>
+</tr>
+<!-- Click on Confirm -->
+<tr>
+  <td>click</td>
+  <td>//button[@class="confirm-btn ui-btn-icon-left ui-icon-check"]</td>
+  <td></td>
+</tr>
+<tr>
+  <td>waitForElementPresent</td>
+  <td>//button[@class="take-picture-btn ui-btn-icon-left ui-icon-circle"]</td>
+  <td></td>
+</tr>
+<tr>
+  <td>waitForElementPresent</td>
+  <td>//button[@class="ui-btn-icon-left ui-icon-spinner"]</td>
+  <td></td>
+</tr>
+<tr>
+  <td>assertElementPresent</td>
+  <td>//img[@data-page="2" and @class="show-img"]</td>
+  <td></td>
+</tr>
 <tr>
   <td>waitForElementNotPresent</td>
   <td>//button[@class="ui-btn-icon-left ui-icon-spinner"]</td>
   <td></td>
 </tr>
-
 <tal:block metal:use-macro="here/Zuite_CommonTemplateForRenderjsUi/macros/submit_dialog" />
 
 <tal:block tal:define="notification_configuration python: {'class': 'success',
@@ -204,12 +304,12 @@
 </tr>
 <tr>
   <td>waitForTextPresent</td>
-  <td>of 2</td>
+  <td>of 3</td>
   <td></td>
 </tr>
 <tr>
   <td>assertTextPresent</td>
-  <td>of 2</td>
+  <td>of 3</td>
   <td></td>
 </tr>
 <tr>