e2e: migrate tests for DT2

Author: nboisteault

tests/end2end/cypress/integration/attribute_table-ghaction.js

@@ -61,7 +61,7 @@ describe('Attribute table', () => {
                 .to.contain('OUTPUTFORMAT=JSON')
         })
 
-        cy.get('#attribute-layer-table-quartiers_shp_wrapper div.dataTables_scrollHead th').then(theaders => {
+        cy.get('#attribute-layer-table-quartiers_shp_wrapper div.dt-scroll-head th').then(theaders => {
             const headers = [...theaders].map(t => t.innerText)
             const correct_column_order = ['', 'quartmno', 'libquart', 'photo', 'url', 'thumbnail'];
 
@@ -82,7 +82,7 @@ describe('Attribute table', () => {
                 .to.contain('OUTPUTFORMAT=JSON')
         })
 
-        cy.get('#attribute-layer-table-Les_quartiers_a_Montpellier_wrapper div.dataTables_scrollHead th').then(theaders => {
+        cy.get('#attribute-layer-table-Les_quartiers_a_Montpellier_wrapper div.dt-scroll-head th').then(theaders => {
             const headers = [...theaders].map(t => t.innerText)
             const correct_column_order = ['', 'quartier', 'quartmno', 'libquart', 'thumbnail', 'url', 'photo'];
 

tests/end2end/cypress/integration/filter_layer_data_by_polygon_for_groups-ghaction.js

@@ -85,6 +85,8 @@ describe('Filter layer data by polygon for groups', function () {
                 res.headers['cache-control'] = 'no-store'
             })
         }).as('getFeature')
+
+        cy.intercept('/index.php/lizmap/datatables*').as('datatables')
     })
 
     afterEach(function () {
@@ -146,22 +148,22 @@ describe('Filter layer data by polygon for groups', function () {
         cy.get('#button-attributeLayers').click()
 
         cy.get('button[value="shop_bakery"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
-        cy.get('#attribute-layer-table-shop_bakery tbody tr').should('have.length', 0)
+        cy.wait('@datatables')
+        cy.get('#attribute-layer-table-shop_bakery tbody tr td.dt-empty').should('have.length', 1)
 
         cy.get('#nav-tab-attribute-summary').click()
         cy.get('button[value="townhalls_EPSG2154"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
-        cy.get('#attribute-layer-table-townhalls_EPSG2154 tbody tr').should('have.length', 0)
+        cy.wait('@datatables')
+        cy.get('#attribute-layer-table-townhalls_EPSG2154 tbody tr td.dt-empty').should('have.length', 1)
 
         cy.get('#nav-tab-attribute-summary').click()
         cy.get('button[value="shop_bakery_pg"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
-        cy.get('#attribute-layer-table-shop_bakery_pg tbody tr').should('have.length', 0)
+        cy.wait('@datatables')
+        cy.get('#attribute-layer-table-shop_bakery_pg tbody tr td.dt-empty').should('have.length', 1)
 
         cy.get('#nav-tab-attribute-summary').click()
         cy.get('button[value="townhalls_pg"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
+        cy.wait('@datatables')
         cy.get('#attribute-layer-table-townhalls_pg tbody tr').should('have.length', 16)
 
         // The user cannot edit the data, even for the layer townhalls_pg
@@ -239,22 +241,22 @@ describe('Filter layer data by polygon for groups', function () {
         cy.get('#button-attributeLayers').click()
 
         cy.get('button[value="shop_bakery"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
+        cy.wait('@datatables')
         cy.get('#attribute-layer-table-shop_bakery tbody tr').should('have.length', 5)
 
         cy.get('#nav-tab-attribute-summary').click()
         cy.get('button[value="townhalls_EPSG2154"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
+        cy.wait('@datatables')
         cy.get('#attribute-layer-table-townhalls_EPSG2154 tbody tr').should('have.length', 4)
 
         cy.get('#nav-tab-attribute-summary').click()
         cy.get('button[value="shop_bakery_pg"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
+        cy.wait('@datatables')
         cy.get('#attribute-layer-table-shop_bakery_pg tbody tr').should('have.length', 4)
 
         cy.get('#nav-tab-attribute-summary').click()
         cy.get('button[value="townhalls_pg"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
+        cy.wait('@datatables')
         cy.get('#attribute-layer-table-townhalls_pg tbody tr').should('have.length', 16)
 
         // The user can only edit 5 features for the layer townhalls_pg (16 - 5 = 11 are hidden)
@@ -376,22 +378,22 @@ describe('Filter layer data by polygon for groups', function () {
         cy.get('#button-attributeLayers').click()
 
         cy.get('button[value="shop_bakery"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
+        cy.wait('@datatables')
         cy.get('#attribute-layer-table-shop_bakery tbody tr').should('have.length', 25)
 
         cy.get('#nav-tab-attribute-summary').click()
         cy.get('button[value="townhalls_EPSG2154"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
+        cy.wait('@datatables')
         cy.get('#attribute-layer-table-townhalls_EPSG2154 tbody tr').should('have.length', 17)
 
         cy.get('#nav-tab-attribute-summary').click()
         cy.get('button[value="shop_bakery_pg"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
+        cy.wait('@datatables')
         cy.get('#attribute-layer-table-shop_bakery_pg tbody tr').should('have.length', 17)
 
         cy.get('#nav-tab-attribute-summary').click()
         cy.get('button[value="townhalls_pg"].btn-open-attribute-layer').click({ force: true })
-        cy.wait('@getFeature')
+        cy.wait('@datatables')
         cy.get('#attribute-layer-table-townhalls_pg tbody tr').should('have.length', 16)
 
         // The user can edit all features for the layer townhalls_pg