folderGridView

Author: odeimaiz

services/static-webserver/client/source/class/osparc/file/FolderViewer.js

@@ -147,6 +147,7 @@ qx.Class.define("osparc.file.FolderViewer", {
           break;
         case "view-options-icons": {
           control = new qx.ui.form.ToggleButton(null, "@MaterialIcons/apps/18");
+          osparc.utils.Utils.setIdToWidget(control, "folderGridView");
           const group = this.getChildControl("view-options-radio-group");
           group.add(control);
           const header = this.getChildControl("header");

tests/e2e-playwright/tests/sleepers/test_sleepers.py

@@ -67,6 +67,7 @@ def _get_expected_file_names_for_version(version: Version) -> list[str]:
 )
 def _get_file_names(page: Page) -> list[str]:
     file_names_found = []
+    page.get_by_test_id("folderGridView").click()
     for file in page.get_by_test_id("FolderViewerItem").all():
         file_name = file.text_content()
         assert file_name

tests/e2e/tutorials/tutorialBase.js

@@ -484,6 +484,7 @@ class TutorialBase {
 
   async __checkNItemsInFolder(fileNames, openOutputsFolder = false) {
     await this.takeScreenshot("checkNodeOutputs_before");
+    await this.waitAndClick("folderGridView");
     console.log("N items in folder. Expected:", fileNames);
     if (openOutputsFolder) {
       const itemTexts = await this.__page.$$eval('[osparc-test-id="FolderViewerItem"]',
@@ -506,8 +507,7 @@ class TutorialBase {
       }
       if (outputsFound) {
         await this.takeScreenshot("outputs_folder");
-      }
-      else {
+      } else {
         throw ("outputs folder not found");
       }
     }

tests/e2e/utils/auto.js

@@ -363,6 +363,7 @@ async function openNodeFilesAppMode(page) {
 
 async function checkDataProducedByNode(page, nFiles = 1) {
   console.log("checking Data produced by Node. Expecting", nFiles, "file(s)");
+  await utils.waitAndClick(page, '[osparc-test-id="folderGridView"]');
   const iconsContent = await page.waitForSelector('[osparc-test-id="FolderViewerIconsContent"]', {
     timeout: 5000
   });