Added support for custom output filenames and temp files in subfolders

[Dreamdealer]

To implement this package in our e2e tests I made some changes:

• Each test recording gets its own subfolder for the images and the images.txt file
• Each recording can get an optional name

This is how we implemented it in our e2e env. It starts a recording for each it in a test. When the test succeeds the video is not rendered and the temp dir is cleared. When a test fails, the video is compiled and the temp dir is also cleared. At the end of all tests the recording/ folder only contains the .webm video files of failed tests.

We then upload these videos together with the test results to slack using a github action.

global.it = async function(name, func) {
    return await test(name, async () => {
        const recorder = new PuppeteerVideoRecorder();
        await recorder.init(page, `recording/`, `${name}-${Date.now()}`);
        await recorder.start();

        try {
            await func();
            await recorder.cancel();
            await recorder.clear();
        } catch (error) {
            await recorder.stop();
            await recorder.clear();
            throw error;
        }
    });
};

@shaynet10

[CarloPalinckx]

@shaynet10 could you have a look at this? 🙌