chore: allow tests to record and upload screencasts

Author: mmoayyed

.github/workflows/functional-tests.yml

@@ -167,7 +167,7 @@ jobs:
         if: ${{ always() }}
         with:
           name: screenshots-${{matrix.scenario}}
-          path: ./ci/tests/puppeteer/screenshots/*.png
+          path: ./ci/tests/puppeteer/screenshots/*.*
           if-no-files-found: ignore
           retention-days: 2
   ##########################################################################
@@ -222,7 +222,7 @@ jobs:
         if: ${{ always() }}
         with:
           name: screenshots-${{matrix.scenario}}
-          path: ./ci/tests/puppeteer/screenshots/*.png
+          path: ./ci/tests/puppeteer/screenshots/*.*
           if-no-files-found: ignore
           retention-days: 2
 ##########################################################################
@@ -277,7 +277,7 @@ jobs:
         if: ${{ always() }}
         with:
           name: screenshots-${{matrix.scenario}}
-          path: ./ci/tests/puppeteer/screenshots/*.png
+          path: ./ci/tests/puppeteer/screenshots/*.*
           if-no-files-found: ignore
           retention-days: 2
 ##########################################################################

ci/tests/puppeteer/cas.js

@@ -892,6 +892,21 @@ exports.screenshot = async (page) => {
     }
 };
 
+exports.recordPage = async (page) => {
+    const screenshotsDir = path.join(__dirname, "screenshots");
+    if (!fs.existsSync(screenshotsDir)) {
+        fs.mkdirSync(screenshotsDir);
+        await this.log(`Created screenshots directory: ${screenshotsDir}`);
+    }
+    const index = Date.now();
+    const filePath = path.join(screenshotsDir, `${process.env.SCENARIO}-${index}.mp4`);
+    await this.logg(`Recording page at ${filePath}`);
+    return page.screencast({
+        path: filePath,
+        format: "mp4"
+    });
+};
+
 exports.isCiEnvironment = async () => process.env.CI !== undefined && process.env.CI === "true";
 
 exports.isNotCiEnvironment = async () => !this.isCiEnvironment();