目次
Nightmare.js の概要
Nightmare.jsをインストールする
ステップ 1 Node.js をダウンロードする
ステップ 2 NPM をダウンロードする
ステップ 3 Nightmare.js ライブラリをインストールする
Nightmare.js オブジェクト
待機タイムアウト
タイムアウトに移動
読み込みタイムアウト
実行タイムアウト
Electron は多くのデフォルトのシステム パスを定義します。これらのパスは、Nightmare のパス オブジェクトを使用してオーバーライドできます。これは、次のコードで実行できます -
これらは、さまざまなバージョンの Electron をテストするのに非常に役立ち、Electron バイナリへの事前構築されたパスです。これらのパスは、Nightmare のパス オブジェクトを使用してオーバーライドできます。電子の経路がどのように定義されるかを示すコードを見てみましょう -
开关
结论
ホームページ ウェブフロントエンド jsチュートリアル Nightmare.js の紹介とインストール

Nightmare.js の紹介とインストール

Sep 05, 2023 am 09:13 AM

Nightmare.js の紹介とインストール

Nightmare は、Segment が提供する高度な自動化ライブラリです。人間が行うことのできるテキスト入力、クリック、目視検査をすべて実行できるため、スモークテストの自動化に最適です。 Electron を使用してヘッドレス ブラウザとして動作します。この記事では、Nightmare.js と Nightmare.js のインストールについて詳しく説明します。

Nightmare.js の概要

Segment は、洗練されたブラウザ自動化ライブラリである Nightmare を提供します。この悪夢の目標は、ユーザー アクティビティ (例: 移動、入力、クリックなど) をエミュレートし、大量のネストされたコールバックを使用する代わりに、API 経由でいくつかの基本メソッドを公開して、各スクリプト ブロックが同期しているようにすることです。その目的は、API を使用せずに Web サイト全体の操作を自動化することですが、現在ではクロールや UI テストなどに最も一般的に使用されています。

- Nightmareを実行するには、NodeJS 4.x以降が必要です。

Nightmare.jsをインストールする

Web サイトのインターフェイスをテストするために、JavaScript ブラウザ自動化ライブラリである Nightmare.js を試しました。

Nightmare を PC で使用するのは、Cloud 9 で使用するよりも簡単です。以下にセットアップと起動手順を示します。

ステップ 1 Node.js をダウンロードする

JavaScript は通常、ブラウザ内で実行されます。 Node.js は、サーバー、端末、またはその他のハードウェアで使用できる JavaScript のバリエーションです。 Nightmare スクリプトの作成と実行が簡単になります。

Node.jsのダウンロードリンク

リーリー

ステップ 2 NPM をダウンロードする

Node Package Manager (npm) を使用して Nightmare ライブラリをセットアップできます。 Nightmare の依存関係はすべてインストールされ、npm を使用してインストールすると、それもインストールされます。

NPM インストールリンク

リーリー

ステップ 3 Nightmare.js ライブラリをインストールする

コマンドを使用する

リーリー

Nightmare.js ライブラリを Node js Playground にインストールする方法を説明しました。次に、nightmare の基本をいくつか見てから、nightmare オブジェクトに進みます。

nightmare の基本構文は -

です。 リーリー

上記のコードでは、Node js の require() メソッドを使用してコード内に「Nightmare」をインポートし、それを変数に保存しました。後でこの変数を使用して、いくつかのオブジェクトと括弧内の値を定義します。新しい変数に再度保存します。

nightmare.js の基本的なコード構造のいくつかはすでに理解しました。次に、Nightmare.js のオブジェクトに移りましょう -

Nightmare.js オブジェクト

Nightmare.js は、Web をナビゲートして便利なものを提供できる新しいオブジェクトを作成するため、ここでさらに仕様を追加するために、より良い Web サーフィンを行うのに役立つ Nightmare オブジェクトを用意しています。その一部を見てみましょう。

待機タイムアウト

このオブジェクトのデフォルト時間は 30 秒です。ユーザーは必要に応じて時間を定義することもできます。関数 ".wati()" が設定された時間範囲内で true 値を返せない場合、例外がスローされます。

リーリー

上記のコードでは、まず Nightmare をシステムにインポートし、そのオブジェクトを作成します。変数では、オブジェクト「waitTimeout」に値 2000 ミリ秒を指定します。

タイムアウトに移動

このオブジェクトのデフォルト時間は 30 秒です。ユーザーは必要に応じて時間を定義することもできます。関数 ".goto()" が指定または設定された時間範囲内にロードできない場合は、例外がスローされます。

リーリー

上記のコードでは、まず Nightmare をシステムにインポートし、そのオブジェクトを作成します。変数では、オブジェクト「gotoTimeout」に値 2000 ミリ秒を指定します。

読み込みタイムアウト

このオブジェクトのデフォルト時間は無限秒です。ユーザーは必要に応じて時間を定義し、クリックやその他の操作によってページ遷移が発生しない場合、または指定された時間内に移動が完了しない場合に、Nightmare を強制的に終了させることもできます。 。

リーリー

上記のコードでは、まず Nightmare をシステムにインポートし、そのオブジェクトを作成します。変数では、オブジェクト「loadTimeout」に値 2000 ミリ秒を指定します。

実行タイムアウト

このオブジェクトのデフォルト時間は 30 秒です。ユーザーは必要に応じて時間を定義し、メソッド ".evaluate" のステートメントが完了するまでの最大待機時間を表示することもできます。

リーリー

上記のコードでは、まず Nightmare をシステムにインポートし、そのオブジェクトを作成します。変数では、オブジェクト「executionTimeout」に値 2000 ミリ秒を指定します。

###パス###

Electron は多くのデフォルトのシステム パスを定義します。これらのパスは、Nightmare のパス オブジェクトを使用してオーバーライドできます。これは、次のコードで実行できます -

リーリー

上記のコードでは、まず Nightmare をシステムにインポートし、そのオブジェクトを作成します。変数には、電子の経路が定義されるオブジェクトの経路を指定します。

電子パス

これらは、さまざまなバージョンの Electron をテストするのに非常に役立ち、Electron バイナリへの事前構築されたパスです。これらのパスは、Nightmare のパス オブジェクトを使用してオーバーライドできます。電子の経路がどのように定義されるかを示すコードを見てみましょう -

const Nightmare = require('nightmare')
const nightmare = Nightmare({
   electronPath: require('electron')
})
ログイン後にコピー

在上面的代码中,首先,我们将噩梦导入到我们的系统中,然后为它创建了一个对象。在变量中,我们提供了对象 electroPath ,其键值将使用 required 关键字导入。

开关

Electron 还支持 google 命令行支持的开关。此类别中有多种开关。让我们转到代码以获取有关如何在 nights.js 对象中使用开关对象的信息 -

const Nightmare = require('nightmare')
const nightmare = Nightmare({
   switches: {
      'key1' : 'value1',
      'key2' : 'value2',
   }
})
ログイン後にコピー

在上面的代码中,首先,我们将噩梦导入到我们的系统中,然后为它创建了一个对象。在变量中,我们提供了对象开关,并在其中定义了两个键值对。

结论

在这篇文章中,我们详细学习了Nightmare.js以及Nightmare.js的安装。 Nightmare是一个由segment提供的高级自动化库。它是烟雾测试自动化的一个不错的选择,因为它可以执行人类可以执行的所有文本输入、单击和目视检查。它使用 Electron 作为无头浏览器运行。

以上がNightmare.js の紹介とインストールの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか? 独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか? Mar 18, 2025 pm 03:12 PM

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか? ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか? Mar 18, 2025 pm 03:14 PM

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? Apr 04, 2025 pm 02:42 PM

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか? ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか? Mar 18, 2025 pm 03:16 PM

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

ソースマップを使用して、マイナイドJavaScriptコードをデバッグするにはどうすればよいですか? ソースマップを使用して、マイナイドJavaScriptコードをデバッグするにはどうすればよいですか? Mar 18, 2025 pm 03:17 PM

この記事では、ソースマップを使用して、元のコードにマッピングすることにより、Minified JavaScriptをデバッグする方法について説明します。ソースマップの有効化、ブレークポイントの設定、Chrome DevtoolsやWebpackなどのツールの使用について説明します。

誰がより多くのPythonまたはJavaScriptを支払われますか? 誰がより多くのPythonまたはJavaScriptを支払われますか? Apr 04, 2025 am 12:09 AM

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

chart.js:パイ、ドーナツ、バブルチャートを始めます chart.js:パイ、ドーナツ、バブルチャートを始めます Mar 15, 2025 am 09:19 AM

このチュートリアルでは、chart.jsを使用してパイ、リング、およびバブルチャートを作成する方法について説明します。以前は、4つのチャートタイプのchart.js:ラインチャートとバーチャート(チュートリアル2)、およびレーダーチャートと極地域チャート(チュートリアル3)を学びました。 パイとリングチャートを作成します パイチャートとリングチャートは、さまざまな部分に分かれている全体の割合を示すのに理想的です。たとえば、パイチャートを使用して、サファリの男性ライオン、女性ライオン、若いライオンの割合、または異なる候補者が選挙で受け取る票の割合を示すことができます。 パイチャートは、単一のパラメーターまたはデータセットの比較にのみ適しています。パイチャートのファンの角度はデータポイントの数値サイズに依存するため、パイチャートは値のあるエンティティをゼロ値で描画できないことに注意してください。これは、割合がゼロのエンティティを意味します

初心者向けのタイプスクリプト、パート2:基本データ型 初心者向けのタイプスクリプト、パート2:基本データ型 Mar 19, 2025 am 09:10 AM

エントリーレベルのタイプスクリプトチュートリアルをマスターしたら、TypeScriptをサポートするIDEで独自のコードを作成し、JavaScriptにコンパイルできるはずです。このチュートリアルは、TypeScriptのさまざまなデータ型に飛び込みます。 JavaScriptには、NULL、未定義、ブール値、数字、文字列、シンボル(ES6によって導入)とオブジェクトの7つのデータ型があります。 TypeScriptはこれに基づいてより多くのタイプを定義し、このチュートリアルではすべてを詳細に説明します。 ヌルデータ型 JavaScriptのように、Typescriptのnull

See all articles