js_test_framework

このツールは主にWebフロントエンドの単体テストに使用され、ブラウザ内で直接jsメソッドを呼び出すことで、インターフェース上でのオンサイトテストを実装します

git address:

プロセス

を記録します。 testLive によるオンサイト必要なリクエストについて、testLive は期間中のすべてのリクエストを記録し、同時に testLive によって記録されたリクエストを出力メソッドを通じてコンソールに出力し、出力データを書き込むことができます。カスタムモジュールのRequestDataデータを定義したらrequestFactoryに登録
requestFactoryにネットワークリクエストを呼び出してカスタムモジュールのTest.jsを書き、判定が必要なアサーションを書いて単体テストを登録します。 testManagerで各モジュールのテストを処理します
testManagerでテストケースを実行し、テスト実行中に結果を表示し、同時に結果を分析します
ファイルディレクトリ構造の例

testLive

requestFactory
testManager

module : 外部モジュール、例のみ

user

userRequestData
userTest

製品

製品リクエストデータ
製品テスト
...

3 つの主要なモジュール

各モジュールには独自の独立性があり、カスタマイズできます

Testlive

    前端录制现场,通过调用回调接口,记录下用户在前端界面的所有操作记录

ログイン後にコピー

外部インターフェイス

StartRCORD でビデオを開始します、名前はビデオの名前です

S PRCORDへビデオを終了します
すべてのビデオを出力します

    请求工厂,主要用于收集用户的所有请求记录

ログイン後にコピー

registerMethod 登録メソッド、このメソッドの外部呼び出しによるrequestFactory にメソッドを登録できます

getMethod はメソッド名 {name: カスタムメソッド名、url: を通じてメソッドを取得します。ネットワークリクエストアドレス、methodType: リクエストメソッド、run: 実行メソッド}
getMethod.run getMethod を渡した後、run 関数を直接呼び出してメソッドを実行し、結果を返すことができます {costTime: オーバーヘッド時間、requestData: リクエストパラメータ、type: requestメソッド、url: ネットワークリクエストアドレス、responseData: サーバーの戻り結果、success: this リクエストが成功したかどうか}
showMethodsは、requestFactory内のすべてのリクエストを表示します
```
    测试集成,用于管理测试,将测试模块化,以及结果的展示
```
ログイン後にコピー
外部インターフェース
- registerMethod登録メソッド、このメソッドの外部呼び出しを通じてメソッドをtestManagerに登録できます
- registerData登録データ、このメソッドはregisterMethodに似ていますが、パラメータ構造が異なります
- run実行メソッド、戻り値この実行の結果の詳細
  ディレクトリ構造は、{assertQueue: すべてのアサーション結果のコレクション、responseQueue: すべてのリクエスト結果のコレクション、errAssertQueue: すべてのアサーション失敗のコレクション、errorResponseQueue: すべてのアサーション結果のコレクションネットワークリクエストの失敗、expendTime: リクエスト時間のオーバーヘッド、成功: 成功したかどうか oShowall すべてのモジュールのすべてのモジュールのテストを表示します
- モジュール名に基づいてモジュールの下にあるすべてのテストメソッドを表示する ShowMethods
- Web ページ分析ツールに基づく:
- 1. Baidu アプリケーションパフォーマンステストセンター
- 3. PingDom ツール
- 4.分析ツール:
- 1 . Chrome にはツール F12 が付属しています
- 2. Firefox プラグイン: YSlow (Yahoo ツール)
- 3. ページ速度 (google)
- 結果関連データ
- recordResponseは、ネットワークの結果を記録するために使用されますリクエスト
- ユーザー設定のアサーションをアサート
以上がフロントエンドテストツールの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。