wip: Refactor the layout using new KDK capabilities #154

.gitignore

@@ -71,9 +71,8 @@ dist
 # Generated config
 config/client-config.json
 
-# Screenshots generated by TestCafe
-test/screenshots/run
-# TestCafe page models
+# TestCafe
+test/reports
 test/page-models/core
 test/page-models/map
 

.testcaferc.json

@@ -0,0 +1,9 @@
+{
+    "browsers": ["chrome", "firefox"],
+    "screenshots": {
+        "path": "test/reports/screenshots",
+        "takeOnFails": true,
+        "pathPattern": "${BROWSER}/${FIXTURE}/${TEST_INDEX}/${FILE_INDEX}.png"
+    },
+    "debugMode": false
+}

package.json

@@ -36,8 +36,8 @@
     "icons:cp": "shx cp -R node_modules/@kalisio/kdk/extras/icons src/assets",
     "tours:cp": "shx cp -R node_modules/@kalisio/kdk/extras/tours/* src/tours",
     "cafe:cp": "shx cp -R node_modules/@kalisio/kdk/extras/testcafe/page-models/* test/page-models",
-    "cafe:firefox": "npm run cafe:cp && testcafe firefox test/*.test.js -s path=test/screenshots,takeOnFails=true",
-    "cafe:chrome": "npm run cafe:cp && testcafe chrome test/*.test.js -s path=test/screenshots,takeOnFails=true",
+    "cafe:firefox": "npm run cafe:cp && testcafe firefox test/*.test.js",
+    "cafe:chrome": "npm run cafe:cp && testcafe chrome test/*.test.js",
     "rec": "node ./tutorials/record.js",
     "test:server": "cd api && npm run test",
     "test:client": "cross-env NODE_ENV=production testcafe chrome:headless test/*.test.js --app \"npm run prod\" --app-init-delay 10000 -S -s screenshots",

test/catalog.test.js

@@ -35,13 +35,14 @@ fixture`catalog`// declare the fixture
   })
 
 test('Check base layers', async test => {
-  const category = 'KCatalogPanel.BASE_LAYERS'
+  const category = 'BASE_LAYERS'
   const layers = [
     'Layers.OSM_DARK',
     'Layers.OSMT_BRIGHT',
-    'Layers.OSMT_DARK',
     'Layers.OSM_BRIGHT'
   ]
+  // Close the top pane
+  await layout.clickTopOpener(test)
   // Open the category
   await layout.clickRightOpener(test)
   await catalog.clickCategory(test, category, true)
@@ -51,9 +52,9 @@ test('Check base layers', async test => {
     await layout.clickRightOpener(test)
     await catalog.clickLayer(test, layer, true)
     await layout.clickRightOpener(test)
-    // const runKey = `${category}-${layer}`
-    // await pages.assertScreenshotMatches(test, runKey)
-    // await pages.takeScreenshot(t, runKey)
+    const runKey = `${category}-${layer}`
+    await pages.assertScreenshotMatches(test, runKey)
+    await pages.takeScreenshot(test, runKey)
   }
   // Close the category
   await layout.clickRightOpener(test)
@@ -62,7 +63,7 @@ test('Check base layers', async test => {
 })
 
 test('Check measure layers', async test => {
-  const category = 'KCatalogPanel.MEASURE_LAYERS'
+  const category = 'MEASURE_LAYERS'
   const layers = [
     'Layers.VIGICRUES',
     'Layers.HUBEAU',