2024-05-30 09:38:27 -07:00
# class: Clock
* since: v1.45
2024-06-01 08:18:29 -07:00
Accurately simulating time-dependent behavior is essential for verifying the correctness of applications. Learn more about [clock emulation ](../clock.md ).
2024-05-30 09:38:27 -07:00
2024-06-01 08:18:29 -07:00
Note that clock is installed for the entire [BrowserContext], so the time
in all the pages and iframes is controlled by the same clock.
2024-05-31 08:09:24 -07:00
2024-06-11 09:42:15 -07:00
## async method: Clock.fastForward
* since: v1.45
Advance the clock by jumping forward in time. Only fires due timers at most once. This is equivalent to user closing the laptop lid for a while and
reopening it later, after given time.
**Usage**
```js
await page.clock.fastForward(1000);
await page.clock.fastForward('30:00');
```
```python async
await page.clock.fast_forward(1000)
await page.clock.fast_forward("30:00")
```
```python sync
page.clock.fast_forward(1000)
page.clock.fast_forward("30:00")
```
```java
page.clock().fastForward(1000);
page.clock().fastForward("30:00");
```
```csharp
await page.Clock.FastForwardAsync(1000);
await page.Clock.FastForwardAsync("30:00");
```
### param: Clock.fastForward.ticks
* since: v1.45
2024-06-18 10:47:29 -07:00
- `ticks` < [long]|[string]>
2024-06-11 09:42:15 -07:00
Time may be the number of milliseconds to advance the clock by or a human-readable string. Valid string formats are "08" for eight seconds, "01:00" for one minute and "02:34:10" for two hours, 34 minutes and ten seconds.
## async method: Clock.install
2024-05-30 09:38:27 -07:00
* since: v1.45
2024-06-04 06:51:35 -07:00
Install fake implementations for the following time-related functions:
2024-05-30 09:38:27 -07:00
2024-06-11 09:42:15 -07:00
* `Date`
2024-06-04 06:51:35 -07:00
* `setTimeout`
* `clearTimeout`
* `setInterval`
* `clearInterval`
* `requestAnimationFrame`
* `cancelAnimationFrame`
* `requestIdleCallback`
* `cancelIdleCallback`
* `performance`
2024-06-01 07:30:58 -07:00
2024-06-11 09:42:15 -07:00
Fake timers are used to manually control the flow of time in tests. They allow you to advance time, fire timers, and control the behavior of time-dependent functions. See [`method: Clock.runFor` ] and [`method: Clock.fastForward` ] for more information.
2024-05-30 09:38:27 -07:00
2024-06-11 09:42:15 -07:00
### option: Clock.install.time
2024-07-03 10:46:33 +02:00
* langs: js, java
2024-05-30 09:38:27 -07:00
* since: v1.45
2024-06-18 10:47:29 -07:00
- `time` < [long]|[string]|[Date]>
2024-05-30 09:38:27 -07:00
2024-06-11 09:42:15 -07:00
Time to initialize with, current system time by default.
2024-05-30 09:38:27 -07:00
2024-07-03 10:46:33 +02:00
### option: Clock.install.time
* langs: python
* since: v1.45
- `time` < [float]|[string]|[Date]>
Time to initialize with, current system time by default.
### option: Clock.install.time
* langs: csharp
* since: v1.45
- `time` < [string]|[Date]>
Time to initialize with, current system time by default.
2024-06-04 06:51:35 -07:00
## async method: Clock.runFor
2024-05-31 08:09:24 -07:00
* since: v1.45
2024-06-11 09:42:15 -07:00
Advance the clock, firing all the time-related callbacks.
2024-05-31 08:09:24 -07:00
2024-06-01 07:30:58 -07:00
**Usage**
```js
2024-06-04 06:51:35 -07:00
await page.clock.runFor(1000);
await page.clock.runFor('30:00');
2024-06-01 07:30:58 -07:00
```
```python async
2024-06-04 06:51:35 -07:00
await page.clock.run_for(1000);
2024-06-11 09:42:15 -07:00
await page.clock.run_for("30:00")
2024-06-01 07:30:58 -07:00
```
```python sync
2024-06-04 06:51:35 -07:00
page.clock.run_for(1000);
2024-06-11 09:42:15 -07:00
page.clock.run_for("30:00")
2024-06-01 07:30:58 -07:00
```
```java
2024-06-04 06:51:35 -07:00
page.clock().runFor(1000);
page.clock().runFor("30:00");
2024-06-01 07:30:58 -07:00
```
```csharp
2024-06-04 06:51:35 -07:00
await page.Clock.RunForAsync(1000);
await page.Clock.RunForAsync("30:00");
2024-06-01 07:30:58 -07:00
```
2024-05-31 08:09:24 -07:00
2024-06-11 09:42:15 -07:00
### param: Clock.runFor.ticks
2024-05-30 09:38:27 -07:00
* since: v1.45
2024-06-18 10:47:29 -07:00
- `ticks` < [long]|[string]>
2024-05-30 09:38:27 -07:00
2024-06-03 09:00:38 -07:00
Time may be the number of milliseconds to advance the clock by or a human-readable string. Valid string formats are "08" for eight seconds, "01:00" for one minute and "02:34:10" for two hours, 34 minutes and ten seconds.
2024-06-04 06:51:35 -07:00
2024-06-11 12:51:00 -07:00
## async method: Clock.pauseAt
2024-06-03 09:00:38 -07:00
* since: v1.45
2024-06-11 12:51:00 -07:00
Advance the clock by jumping forward in time and pause the time. Once this method is called, no timers
are fired unless [`method: Clock.runFor` ], [`method: Clock.fastForward` ], [`method: Clock.pauseAt` ] or [`method: Clock.resume` ] is called.
Only fires due timers at most once.
This is equivalent to user closing the laptop lid for a while and reopening it at the specified time and
pausing.
**Usage**
```js
await page.clock.pauseAt(new Date('2020-02-02'));
await page.clock.pauseAt('2020-02-02');
```
```python async
await page.clock.pause_at(datetime.datetime(2020, 2, 2))
await page.clock.pause_at("2020-02-02")
```
```python sync
page.clock.pause_at(datetime.datetime(2020, 2, 2))
page.clock.pause_at("2020-02-02")
```
```java
2024-06-24 11:28:43 -07:00
SimpleDateFormat format = new SimpleDateFormat("yyy-MM-dd");
page.clock().pauseAt(format.parse("2020-02-02"));
2024-06-11 12:51:00 -07:00
page.clock().pauseAt("2020-02-02");
```
```csharp
await page.Clock.PauseAtAsync(DateTime.Parse("2020-02-02"));
await page.Clock.PauseAtAsync("2020-02-02");
```
2024-12-10 11:50:51 -08:00
For best results, install the clock before navigating the page and set it to a time slightly before the intended test time. This ensures that all timers run normally during page loading, preventing the page from getting stuck. Once the page has fully loaded, you can safely use [`method: Clock.pauseAt` ] to pause the clock.
```js
// Initialize clock with some time before the test time and let the page load
// naturally. `Date.now` will progress as the timers fire.
await page.clock.install({ time: new Date('2024-12-10T08:00:00') });
await page.goto('http://localhost:3333');
await page.clock.pauseAt(new Date('2024-12-10T10:00:00'));
```
```python async
# Initialize clock with some time before the test time and let the page load
# naturally. `Date.now` will progress as the timers fire.
await page.clock.install(time=datetime.datetime(2024, 12, 10, 8, 0, 0))
await page.goto("http://localhost:3333")
await page.clock.pause_at(datetime.datetime(2024, 12, 10, 10, 0, 0))
```
```python sync
# Initialize clock with some time before the test time and let the page load
# naturally. `Date.now` will progress as the timers fire.
page.clock.install(time=datetime.datetime(2024, 12, 10, 8, 0, 0))
page.goto("http://localhost:3333")
page.clock.pause_at(datetime.datetime(2024, 12, 10, 10, 0, 0))
```
```java
// Initialize clock with some time before the test time and let the page load
// naturally. `Date.now` will progress as the timers fire.
SimpleDateFormat format = new SimpleDateFormat("yyy-MM-dd'T'HH:mm:ss");
page.clock().install(new Clock.InstallOptions().setTime(format.parse("2024-12-10T08:00:00")));
page.navigate("http://localhost:3333");
page.clock().pauseAt(format.parse("2024-12-10T10:00:00"));
```
2024-06-11 12:51:00 -07:00
### param: Clock.pauseAt.time
2024-07-03 10:46:33 +02:00
* langs: js, java
2024-06-11 12:51:00 -07:00
* since: v1.45
2024-06-18 10:47:29 -07:00
- `time` < [long]|[string]|[Date]>
2024-06-11 12:51:00 -07:00
2024-07-03 10:46:33 +02:00
Time to pause at.
### param: Clock.pauseAt.time
* langs: python
* since: v1.45
- `time` < [float]|[string]|[Date]>
Time to pause at.
### param: Clock.pauseAt.time
* langs: csharp
* since: v1.45
- `time` < [Date]|[string]>
Time to pause at.
2024-05-30 09:38:27 -07:00
2024-06-11 09:42:15 -07:00
## async method: Clock.resume
* since: v1.45
2024-06-01 07:30:58 -07:00
2024-06-11 09:42:15 -07:00
Resumes timers. Once this method is called, time resumes flowing, timers are fired as usual.
## async method: Clock.setFixedTime
2024-05-30 09:38:27 -07:00
* since: v1.45
2024-06-11 09:42:15 -07:00
Makes `Date.now` and `new Date()` return fixed fake time at all times,
keeps all the timers running.
2024-06-01 07:30:58 -07:00
2024-10-07 12:12:12 +02:00
Use this method for simple scenarios where you only need to test with a predefined time. For more advanced scenarios, use [`method: Clock.install` ] instead. Read docs on [clock emulation ](../clock.md ) to learn more.
2024-06-11 09:42:15 -07:00
**Usage**
2024-06-01 07:30:58 -07:00
2024-06-11 09:42:15 -07:00
```js
await page.clock.setFixedTime(Date.now());
await page.clock.setFixedTime(new Date('2020-02-02'));
await page.clock.setFixedTime('2020-02-02');
```
```python async
await page.clock.set_fixed_time(datetime.datetime.now())
await page.clock.set_fixed_time(datetime.datetime(2020, 2, 2))
await page.clock.set_fixed_time("2020-02-02")
```
```python sync
page.clock.set_fixed_time(datetime.datetime.now())
page.clock.set_fixed_time(datetime.datetime(2020, 2, 2))
page.clock.set_fixed_time("2020-02-02")
```
2024-05-30 09:38:27 -07:00
2024-06-11 09:42:15 -07:00
```java
2024-06-24 11:28:43 -07:00
page.clock().setFixedTime(new Date());
page.clock().setFixedTime(new SimpleDateFormat("yyy-MM-dd").parse("2020-02-02"));
2024-06-11 09:42:15 -07:00
page.clock().setFixedTime("2020-02-02");
```
2024-05-30 09:38:27 -07:00
2024-06-11 09:42:15 -07:00
```csharp
await page.Clock.SetFixedTimeAsync(DateTime.Now);
await page.Clock.SetFixedTimeAsync(new DateTime(2020, 2, 2));
await page.Clock.SetFixedTimeAsync("2020-02-02");
```
2024-05-30 09:38:27 -07:00
2024-06-11 09:42:15 -07:00
### param: Clock.setFixedTime.time
2024-07-03 10:46:33 +02:00
* langs: js, java
2024-06-04 06:51:35 -07:00
* since: v1.45
2024-06-18 10:47:29 -07:00
- `time` < [long]|[string]|[Date]>
2024-05-30 09:38:27 -07:00
2024-07-03 10:46:33 +02:00
Time to be set in milliseconds.
### param: Clock.setFixedTime.time
* langs: python
* since: v1.45
- `time` < [float]|[string]|[Date]>
Time to be set.
### param: Clock.setFixedTime.time
* langs: csharp
* since: v1.45
- `time` < [string]|[Date]>
2024-06-11 09:42:15 -07:00
Time to be set.
2024-05-30 09:38:27 -07:00
2024-06-11 09:42:15 -07:00
## async method: Clock.setSystemTime
2024-05-30 09:38:27 -07:00
* since: v1.45
2024-06-04 06:51:35 -07:00
2024-10-07 12:12:12 +02:00
Sets system time, but does not trigger any timers. Use this to test how the web page reacts to a time shift, for example switching from summer to winter time, or changing time zones.
2024-05-30 09:38:27 -07:00
2024-06-01 07:30:58 -07:00
**Usage**
```js
2024-06-11 09:42:15 -07:00
await page.clock.setSystemTime(Date.now());
await page.clock.setSystemTime(new Date('2020-02-02'));
await page.clock.setSystemTime('2020-02-02');
2024-06-01 07:30:58 -07:00
```
```python async
2024-06-11 09:42:15 -07:00
await page.clock.set_system_time(datetime.datetime.now())
await page.clock.set_system_time(datetime.datetime(2020, 2, 2))
await page.clock.set_system_time("2020-02-02")
2024-06-01 07:30:58 -07:00
```
```python sync
2024-06-11 09:42:15 -07:00
page.clock.set_system_time(datetime.datetime.now())
page.clock.set_system_time(datetime.datetime(2020, 2, 2))
page.clock.set_system_time("2020-02-02")
2024-06-01 07:30:58 -07:00
```
```java
2024-06-24 11:28:43 -07:00
page.clock().setSystemTime(new Date());
page.clock().setSystemTime(new SimpleDateFormat("yyy-MM-dd").parse("2020-02-02"));
2024-06-11 09:42:15 -07:00
page.clock().setSystemTime("2020-02-02");
2024-06-01 07:30:58 -07:00
```
```csharp
2024-06-11 09:42:15 -07:00
await page.Clock.SetSystemTimeAsync(DateTime.Now);
await page.Clock.SetSystemTimeAsync(new DateTime(2020, 2, 2));
await page.Clock.SetSystemTimeAsync("2020-02-02");
2024-06-01 07:30:58 -07:00
```
2024-06-11 09:42:15 -07:00
### param: Clock.setSystemTime.time
2024-07-03 10:46:33 +02:00
* langs: js, java
2024-05-30 09:38:27 -07:00
* since: v1.45
2024-06-18 10:47:29 -07:00
- `time` < [long]|[string]|[Date]>
2024-07-03 10:46:33 +02:00
Time to be set in milliseconds.
### param: Clock.setSystemTime.time
* langs: python
* since: v1.45
- `time` < [float]|[string]|[Date]>
Time to be set.
### param: Clock.setSystemTime.time
* langs: csharp
* since: v1.45
- `time` < [string]|[Date]>
Time to be set.