1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
/**
* @license
* Copyright 2023 Google Inc.
* SPDX-License-Identifier: Apache-2.0
*/
import {statSync} from 'fs';
import expect from 'expect';
import {getTestState, setupTestBrowserHooks} from '../mocha-utils.js';
import {getUniqueVideoFilePlaceholder} from '../utils.js';
describe('Screencasts', function () {
setupTestBrowserHooks();
describe('Page.screencast', function () {
it('should work', async () => {
using file = getUniqueVideoFilePlaceholder();
const {page} = await getTestState();
const recorder = await page.screencast({
path: file.filename,
scale: 0.5,
crop: {width: 100, height: 100, x: 0, y: 0},
speed: 0.5,
});
await page.goto('data:text/html,<input>');
using input = await page.locator('input').waitHandle();
await input.type('ab', {delay: 100});
await recorder.stop();
expect(statSync(file.filename).size).toBeGreaterThan(0);
});
it('should work concurrently', async () => {
using file1 = getUniqueVideoFilePlaceholder();
using file2 = getUniqueVideoFilePlaceholder();
const {page} = await getTestState();
const recorder = await page.screencast({path: file1.filename});
const recorder2 = await page.screencast({path: file2.filename});
await page.goto('data:text/html,<input>');
using input = await page.locator('input').waitHandle();
await input.type('ab', {delay: 100});
await recorder.stop();
await input.type('ab', {delay: 100});
await recorder2.stop();
// Since file2 spent about double the time of file1 recording, so file2
// should be around double the size of file1.
const ratio =
statSync(file2.filename).size / statSync(file1.filename).size;
// We use a range because we cannot be precise.
const DELTA = 1.3;
expect(ratio).toBeGreaterThan(2 - DELTA);
expect(ratio).toBeLessThan(2 + DELTA);
});
it('should validate options', async () => {
const {page} = await getTestState();
await expect(page.screencast({scale: 0})).rejects.toBeDefined();
await expect(page.screencast({scale: -1})).rejects.toBeDefined();
await expect(page.screencast({speed: 0})).rejects.toBeDefined();
await expect(page.screencast({speed: -1})).rejects.toBeDefined();
await expect(
page.screencast({crop: {x: 0, y: 0, height: 1, width: 0}})
).rejects.toBeDefined();
await expect(
page.screencast({crop: {x: 0, y: 0, height: 0, width: 1}})
).rejects.toBeDefined();
await expect(
page.screencast({crop: {x: -1, y: 0, height: 1, width: 1}})
).rejects.toBeDefined();
await expect(
page.screencast({crop: {x: 0, y: -1, height: 1, width: 1}})
).rejects.toBeDefined();
await expect(
page.screencast({crop: {x: 0, y: 0, height: 10000, width: 1}})
).rejects.toBeDefined();
await expect(
page.screencast({crop: {x: 0, y: 0, height: 1, width: 10000}})
).rejects.toBeDefined();
await expect(
page.screencast({ffmpegPath: 'non-existent-path'})
).rejects.toBeDefined();
});
});
});
|