doc: improve video thumbnail generating

Author: veghdev

test/integration/modules/videorecorder/client/index.js

@@ -30,7 +30,7 @@ try {
             let videoRecorder = new VideoRecorder("vizzuCanvas", (data) => {
                 let a = document.createElement("a")
                 a.setAttribute("href", data)
-                a.setAttribute("download", testCasesPath.replace("/", "__") + "__" + testName + ".webm")
+                a.setAttribute("download", testCasesPath.replaceAll("/", "___") + "___" + testName + ".webm")
                 a.click()
                 window.result = { result: "OK" };
                 document.title = "Finished";

test/integration/modules/videorecorder/generate.js

@@ -1,5 +1,6 @@
 const yargs = require("yargs");
 const path = require("path");
+const fs = require('fs');
 
 const pLimitReady = import("p-limit");
 const AggregateErrorReady = import("aggregate-error");
@@ -12,6 +13,22 @@ const TestCasesConfig = require("../../modules/integration-test/test-case/test-c
 const TestCases = require("../../modules/integration-test/test-case/test-cases.js");
 
 
+function checkFileExist(path, timeout = 5000)
+{
+    let totalTime = 0;
+    let checkTime = 100;
+    return new Promise((resolve, reject) => {
+        const timer = setInterval(function() {
+            totalTime += checkTime;
+            let fileExists = fs.existsSync(path);
+            if (fileExists || totalTime >= timeout) {
+                clearInterval(timer);
+                resolve(fileExists);
+            }
+        }, checkTime);
+    });
+}
+
 class VideoRecorder {
 
     #pLimit;
@@ -59,6 +76,9 @@ class VideoRecorder {
 
     #runVideoRecorder() {
         return new Promise((resolve, reject) => {
+            fs.rmSync("generated", {
+                force: true, recursive: true
+            });
             this.#testCasesReady.then(testCases => {
                 this.#testCases = testCases;
                 if (testCases.filteredTestCases.length > 0) {
@@ -88,6 +108,11 @@ class VideoRecorder {
                 vizzuUrl = "/" + path.relative(TestEnv.getWorkspacePath(), vizzuUrl);
             }
             let suitePath = "/" + path.relative(TestEnv.getWorkspacePath(), TestEnv.getTestSuitePath());
+            let downloadedFile = path.relative(suitePath, path.dirname(testCase.testFile)).replaceAll("/", "___") + "___" + path.basename(testCase.testName) + ".webm";
+            fs.rmSync(downloadedFile, {
+                force: true,
+            });
+            let outputFile = "generated/" + downloadedFile.replaceAll("___", "/");
             browserChrome.getUrl("http://127.0.0.1:" + String(this.#workspaceHostServerPort)
                 + suitePath + "/modules/videorecorder/client/index.html"
                 + "?testSuitePath=" + suitePath
@@ -106,7 +131,15 @@ class VideoRecorder {
                             } else {
                                 console.log("ERROR:   " + testCase.testName + " " + result.description);
                             }
-                            return resolve(result);
+                            checkFileExist(downloadedFile).then((fileExists) => {
+                                if (fileExists) {
+                                    fs.mkdirSync(path.dirname(outputFile), { recursive: true });
+                                    fs.renameSync(downloadedFile, outputFile)
+                                    return resolve(result);
+                                } else {
+                                    return reject("TimeoutError: Waiting for file to be downloaded");
+                                }                                
+                            });
                         })
                     }).catch(err => {
                         let errMsg = err.toString();

test/integration/modules/videorecorder/resize.js

@@ -4,6 +4,23 @@ const fs = require('fs');
 const child_process = require('child_process');
 
 
+const getAllFiles = function(dirPath, arrayOfFiles) {
+    files = fs.readdirSync(dirPath)
+  
+    arrayOfFiles = arrayOfFiles || []
+  
+    files.forEach(function(file) {
+      if (fs.statSync(dirPath + "/" + file).isDirectory()) {
+        arrayOfFiles = getAllFiles(dirPath + "/" + file, arrayOfFiles)
+      } else {
+        arrayOfFiles.push(path.join(dirPath, "/", file))
+      }
+    })
+  
+    return arrayOfFiles
+  }
+
+
 try {
     var argv = yargs
         .usage('Usage: $0 [options]')
@@ -19,16 +36,18 @@ try {
         .default('s', 320)
         .argv;
 
-        fs.mkdirSync(__dirname + '/resized', { recursive: true });
-        let files = fs.readdirSync(__dirname);
+        fs.rmSync(__dirname + '/resized', { force: true, recursive: true });
+        let files = getAllFiles(__dirname + '/generated')
         files.forEach(file => {
-            if (!fs.lstatSync(__dirname + '/' + file).isDirectory()) {
+            if (!fs.lstatSync(file).isDirectory()) {
                 if (path.extname(file) == '.webm') {
+                    outfile = file.replace("generated", "resized")
+                    fs.mkdirSync(path.dirname(outfile), { recursive: true });
                     child_process.execSync(
-                    `ffmpeg -i ${file} -vf scale=${argv.size.toString()}:-1 -ss 00:00.01 ${__dirname}/resized/${file}`);
-                    mp4file = file.replace('.webm', '.mp4');
+                    `ffmpeg -i ${file} -vf scale=${argv.size.toString()}:-1 -ss 00:00.01 ${outfile}`);
+                    mp4file = outfile.replace('.webm', '.mp4');
                     child_process.execSync(
-                    `ffmpeg -i ${file} -vf scale=${argv.size.toString()}:-1 -ss 00:00.01 ${__dirname}/resized/${mp4file}`);
+                    `ffmpeg -i ${file} -vf scale=${argv.size.toString()}:-1 -ss 00:00.01 ${mp4file}`);
                 }
             }
         });