メインコンテンツにスキップ

時計

時間依存の動作を正確にシミュレートすることは、アプリケーションの正確性を検証するために不可欠です。クロックエミュレーションについて詳しくはこちら。

クロックはBrowserContext全体にインストールされるため、すべてのページとiframeの時間は同じクロックによって制御されることに注意してください。

メソッド​

fastForward​

追加されたバージョン: v1.45 clock.fastForward

時間を早送りしてクロックを進めます。期限切れのタイマーは最大1回だけ発火します。これは、ユーザーがしばらくノートパソコンの蓋を閉めて、指定された時間後に再び開くのと同等です。

使用法

page.clock().fastForward(1000);
page.clock().fastForward("30:00");

引数

  • ticks long | String#

    時間は、クロックを進めるミリ秒数、または人間が判読できる文字列のいずれかです。有効な文字列形式は、8秒の場合は「08」、1分の場合は「01:00」、2時間34分10秒の場合は「02:34:10」です。

戻り値

install​

追加されたバージョン: v1.45 clock.install

以下の時間関連関数の偽の実装をインストールします

  • Date
  • setTimeout
  • clearTimeout
  • setInterval
  • clearInterval
  • requestAnimationFrame
  • cancelAnimationFrame
  • requestIdleCallback
  • cancelIdleCallback
  • performance

フェイクタイマーは、テストにおける時間の流れを手動で制御するために使用されます。これにより、時間を進めたり、タイマーを起動したり、時間依存関数の動作を制御したりできます。詳細については、Clock.runFor()とClock.fastForward()を参照してください。

使用法

Clock.install();
Clock.install(options);

引数

  • options Clock.InstallOptions (任意)

    • setTime long | String | Date (任意)#

      初期化する時間。デフォルトは現在のシステム時間です。

戻り値

pauseAt​

追加されたバージョン: v1.45 clock.pauseAt

時間をスキップしてクロックを進め、時間を一時停止します。このメソッドが呼び出されると、Clock.runFor()、Clock.fastForward()、Clock.pauseAt()、またはClock.resume()が呼び出されない限り、タイマーは起動されません。

期限切れのタイマーは最大1回だけ発火します。これは、ユーザーがしばらくノートパソコンの蓋を閉めて、指定された時間に再び開いて一時停止するのと同等です。

使用法

SimpleDateFormat format = new SimpleDateFormat("yyy-MM-dd");
page.clock().pauseAt(format.parse("2020-02-02"));
page.clock().pauseAt("2020-02-02");

最良の結果を得るには、ページをナビゲートする前にクロックをインストールし、意図したテスト時間よりわずかに前の時間に設定します。これにより、ページ読み込み中にすべてのタイマーが正常に実行され、ページがフリーズするのを防ぎます。ページが完全に読み込まれたら、Clock.pauseAt()を使用して安全にクロックを一時停止できます。

// 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("https://:3333");
page.clock().pauseAt(format.parse("2024-12-10T10:00:00"));

引数

戻り値

resume​

追加されたバージョン: v1.45 clock.resume

タイマーを再開します。このメソッドが呼び出されると、時間の流れが再開され、タイマーは通常通り発火します。

使用法

Clock.resume();

戻り値

runFor​

追加されたバージョン: v1.45 clock.runFor

クロックを進め、時間関連のすべてのコールバックを発火させます。

使用法

page.clock().runFor(1000);
page.clock().runFor("30:00");

引数

  • ticks long | String#

    時間は、クロックを進めるミリ秒数、または人間が判読できる文字列のいずれかです。有効な文字列形式は、8秒の場合は「08」、1分の場合は「01:00」、2時間34分10秒の場合は「02:34:10」です。

戻り値

setFixedTime​

追加されたバージョン: v1.45 clock.setFixedTime

Date.nowとnew Date()が常に固定された偽の時間を返し、すべてのタイマーを実行し続けます。

このメソッドは、事前定義された時間でテストする必要がある単純なシナリオにのみ使用してください。より高度なシナリオでは、代わりにClock.install()を使用してください。クロックエミュレーションのドキュメントを読んで詳細を確認してください。

使用法

page.clock().setFixedTime(new Date());
page.clock().setFixedTime(new SimpleDateFormat("yyy-MM-dd").parse("2020-02-02"));
page.clock().setFixedTime("2020-02-02");

引数

戻り値

setSystemTime​

追加されたバージョン: v1.45 clock.setSystemTime

システム時間を設定しますが、タイマーはトリガーしません。これを使用して、夏時間から冬時間への切り替えやタイムゾーンの変更など、ウェブページが時間の変更にどのように反応するかをテストします。

使用法

page.clock().setSystemTime(new Date());
page.clock().setSystemTime(new SimpleDateFormat("yyy-MM-dd").parse("2020-02-02"));
page.clock().setSystemTime("2020-02-02");

引数

戻り値