Converted test to use screenshots due to IE8 issues with TB dnd commands

(#12714)

Basically the screenshot for IE8 after the drag + drop commands shows
that the column header drag element is not removed from DOM for some
reason. In real life, column header drag and drop works for IE8.

Change-Id: Ia31054e496064695708ed2392e83aa53056d2b5b

diff --git a/uitest/src/com/vaadin/tests/components/table/TableDragColumnFloatingElementStyles.html b/uitest/src/com/vaadin/tests/components/table/TableDragColumnFloatingElementStyles.html
index e4bd02d620d2d69fefc6824f99eb1f9e2ee60eb5..e225091b5f535c7d53b9b0790abd16c700bac028 100644 (file)
--- a/uitest/src/com/vaadin/tests/components/table/TableDragColumnFloatingElementStyles.html
+++ b/uitest/src/com/vaadin/tests/components/table/TableDragColumnFloatingElementStyles.html
@@ -16,26 +16,25 @@
        <td>/run/com.vaadin.tests.components.table.Tables?restartApplication</td>
        <td></td>
 </tr>
-<!-- Drag and drop column 1 to the left of column 4 -->
 <tr>
        <td>drag</td>
        <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[2]</td>
        <td>51,6</td>
 </tr>
 <tr>
-       <td>assertElementPresent</td>
-       <td>//div[@id='runcomvaadintestscomponentstableTables-1125197179-overlays']/div</td>
-       <td></td>
+       <td>mouseMoveAt</td>
+       <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[3]</td>
+       <td>70,10</td>
 </tr>
 <tr>
-       <td>assertCSSClass</td>
-       <td>//div[@id='runcomvaadintestscomponentstableTables-1125197179-overlays']/div</td>
-       <td>v-table-header-drag</td>
+       <td>screenCapture</td>
+       <td></td>
+       <td>1 basic ghost element</td>
 </tr>
 <tr>
        <td>drop</td>
-       <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[2]/domChild[2]</td>
-       <td>70,10</td>
+       <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[2]</td>
+       <td>10,10</td>
 </tr>
 <!--Add style name "red-border-1px" to table-->
 <tr>
@@ -61,75 +60,64 @@
 <!-- Drag and drop column 1 to the left of column 4 -->
 <tr>
        <td>drag</td>
-       <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[2]</td>
+       <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]</td>
        <td>51,6</td>
 </tr>
 <tr>
-       <td>assertElementPresent</td>
-       <td>//div[@id='runcomvaadintestscomponentstableTables-1125197179-overlays']/div</td>
-       <td></td>
-</tr>
-<tr>
-       <td>assertCSSClass</td>
-       <td>//div[@id='runcomvaadintestscomponentstableTables-1125197179-overlays']/div</td>
-       <td>v-table-header-drag</td>
+       <td>mouseMoveAt</td>
+       <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[3]</td>
+       <td>70,10</td>
 </tr>
 <tr>
-       <td>assertCSSClass</td>
-       <td>//div[@id='runcomvaadintestscomponentstableTables-1125197179-overlays']/div</td>
-       <td>border-red-1px</td>
+       <td>screenCapture</td>
+       <td></td>
+       <td>2 themed ghost element should have red borders</td>
 </tr>
 <tr>
        <td>drop</td>
-       <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[2]/domChild[2]</td>
-       <td>70,10</td>
+       <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[2]</td>
+       <td>10,10</td>
 </tr>
-<!--Set as read only thus get v-readonly style-->
+<!--Add style name "red-border-1px" to table-->
 <tr>
        <td>mouseClick</td>
        <td>vaadin=runcomvaadintestscomponentstableTables::PID_Smenu#item0</td>
-       <td>32,8</td>
+       <td>24,7</td>
+</tr>
+<tr>
+       <td>mouseClick</td>
+       <td>vaadin=runcomvaadintestscomponentstableTables::Root/VOverlay[0]/VMenuBar[0]#item1</td>
+       <td>18,10</td>
 </tr>
 <tr>
        <td>mouseClick</td>
-       <td>vaadin=runcomvaadintestscomponentstableTables::Root/VOverlay[0]/VMenuBar[0]#item0</td>
-       <td>18,12</td>
+       <td>vaadin=runcomvaadintestscomponentstableTables::Root/VOverlay[1]/VMenuBar[0]#item4</td>
+       <td>19,8</td>
 </tr>
 <tr>
        <td>mouseClick</td>
-       <td>vaadin=runcomvaadintestscomponentstableTables::Root/VOverlay[1]/VMenuBar[0]#item2</td>
-       <td>42,13</td>
+       <td>vaadin=runcomvaadintestscomponentstableTables::Root/VOverlay[2]/VMenuBar[0]#item3</td>
+       <td>164,10</td>
 </tr>
-<!-- Drag and drop column 1 to the left of column 4 -->
 <tr>
        <td>drag</td>
        <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[2]</td>
        <td>51,6</td>
 </tr>
 <tr>
-       <td>assertElementPresent</td>
-       <td>//div[@id='runcomvaadintestscomponentstableTables-1125197179-overlays']/div</td>
-       <td></td>
-</tr>
-<tr>
-       <td>assertCSSClass</td>
-       <td>//div[@id='runcomvaadintestscomponentstableTables-1125197179-overlays']/div</td>
-       <td>v-table-header-drag</td>
-</tr>
-<tr>
-       <td>assertCSSClass</td>
-       <td>//div[@id='runcomvaadintestscomponentstableTables-1125197179-overlays']/div</td>
-       <td>border-red-1px</td>
+       <td>mouseMoveAt</td>
+       <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[3]</td>
+       <td>70,10</td>
 </tr>
 <tr>
-       <td>assertCSSClass</td>
-       <td>//div[@id='runcomvaadintestscomponentstableTables-1125197179-overlays']/div</td>
-       <td>v-readonly</td>
+       <td>screenCapture</td>
+       <td></td>
+       <td>3 themed ghost element should have 2px blue borders</td>
 </tr>
 <tr>
        <td>drop</td>
-       <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[2]/domChild[2]</td>
-       <td>70,10</td>
+       <td>vaadin=runcomvaadintestscomponentstableTables::PID_StestComponent/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[0]/domChild[2]</td>
+       <td>10,10</td>
 </tr>
 </tbody></table>
 </body>