H5ページのテストの概要

序文

最近のプロジェクト、より多くのビジネスロジック機能テストに加えてページH5、H5のテストページでテストと小さな接触、試験方法ではベースの他の部分は、H5ページのためのいくつかの一般的なテストはここで、一般的なことができますこの方法は、他の人にまとめました。

H5ページはじめに

ページ1. H5 HTML5、ウェブサイド開発言語の最新バージョンですH5は、ほとんどの携帯電話にも実装を開発するためにそれを使用するPCのWebサイトを含め、APPのページH5実装を使用します。だから、一般的なWebテストポイントと基本的な方法は、それに適用することができます。H5は実際にある：モバイルWebページを終了します。H5は、APPのトピックページ、ニュースページ、記事ページH5ページに属しマイクロチャネル公共番号の活動として、多くの場所で適用され、PCや携帯電話のブラウザは、直接ページH5にアクセスすることができます。WebページとしてH5モバイル側は、そのクロスプラットフォームの開発コストが比較的低いなど、独自の利点があり、迅速な反復するのに適した任意の時点でのオンラインアップデートバージョン、;ユーザーの軽量タッチなり、より便利なサービスを提供するために、 。そのため、このプロジェクトでは、オンラインの反復更新速くページのため、通常はH5ページを使用して実現しています。

2.技術 技術の組み合わせを含むHTML、CSSやJavaScriptなど、大まかに言って、HTML5。

HTML：ウェブの特定のコンテンツや構造。

CSS：スタイルページ（最も重要な部分を美しくページ）。

JavaScriptを：そのようなユーザーのマウスイベントへの応答として、ページのインタラクティブなパフォーマンス、;それは豊富なネットワークアプリケーションサービスは、アドビシステムズ社のFlashは、MicrosoftのSilverlightなどのプラグイン（プラグインベースのリッチインターネットアプリケーション、RIA）を、必要とするためにブラウザを削減したいと考えています、そして、OracleのJavaFXは必要であり、ネットワークアプリケーションの標準セットを強化するために、より効果的な提供しています。

3.どのようにH5を識別するために、 APPのネイティブページとビュー、H5ページの視点からは、テストが頻繁に質問をしますので、このページではH5ページはありませんが、同じですか？それを識別するためにどのように？この中で、次のメソッドを提供：

1）基本的に長押しのビューとして、その後、反応があるかどうかを確認、携帯電話の振動（アンドロイド）、またはテキストとしておよび（アンドロイド/ iOS版）を貼り付け]を選択します、それはH5ページが表示されています。

2）別の横画面縦画面切り替え、適応、およびレイアウトしない混乱、通常、H5ページが属します。

3）PC側のH5ページは、H5用クローム最高のサポートにアクセスでき、テスト機能は、PC側のクロームでテストすることができ、あなたが電話で直接テストすることができます。

H5のテストページ

1.設定環境 の一般的なテストプロセスでは、最初のテスト環境、オンライン環境に再配備することによりテストなので、最初のテストフェーズテスト環境の構成でテスト、H5ページの開発が終了した後。

2.試験焦点

2.1ビジネスロジックテスト ビジネス・ロジック関連試験は、特定のサービスの要求に応じてであってもよいです。

試験のUI 2.2ページ要素 テキスト、画像、ページレイアウトや他のテストを含むページのUIの側面;

テキスト：一貫したスタイル、スペル、句読点統一、社長としてのラインが表示され、画像が省略された場合、ページのテキストの表示を更新し、テキストと一致しているかどうか、フルテキスト表示です。

写真：1）静的：サイズ、スタイル、2）動的：3）ページ画像が示す通常のリフレッシュか、サイズ、スタイル、動的マップの精度、遷移アニメーションは、アニメーションをロードし、アニメーションをクリック4）

ピクチャの適応：適応異なる画面解像度に応じて、ページレイアウト：ページ画像スクリーンの適応テキストは、全体のレイアウトが合理的であるかどうか。

埋め込まれたリンク：空のリンク、リンクするかどうかを示すために、データをリフレッシュし、リンクが正しくジャンプします。

2.3ページアクション

1）最新の情報に更新し、ページの更新への復帰は、現在のページのままです。（アンドリュースの物理的なボタンが戻ることが必要なページであるかどうか、バックキーに戻るには、フォールバックのページをクリックしてください; iOSの左スライドリターン、左を検討[更新]ボタンは、現在のページに残っている場合、ユーザーが積極的にクリックします半分スリップが自動的にページが）H5をロードされている場合は、通常の状況に戻り、行こう。

2）遭遇ページ、メモまたはケース複数のページの内容をページめくりをロード、ページデータがロードされ、追跡データに正しいページ要求である; PS：注高速動作シナリオにおいて、要求ページがあることをない高速動作要求が対応する（例えば、時間のうち最初のページをロードするようにはまだ依然としてプルアップ動作を継続）するかどうかを、昇順です。

3）ポップアップはフレンドリーで、経験のようないくつかの問題、発生する可能性があります相互作用に特別な注意を払って携帯電話のテストオン/オフ表示されますページ次のポップアップに影響を与え、浸透し、ポップアップ層をクリックします。

空白がある場合、地図、商品分類およびその他の浮動層、以下のページかどうかをドラッグした後、それを見ることができますに注意を払うように層が行う浮動一部のページ、4）浮動層のページには、エッジをドラッグします。

5）ページプロンプト弱いネットワーク対応ローディングチップがある場合、データのロードは、遅い、インタフェースが異常を取得する場合、それは合理的であるが、ジッタのページであるか、または新しいコンテンツをロードするページを更新した場合。

ロック画面のページに関連する操作後6）携帯電話のディスプレイ、前面に、背景に後退し、再度表示吐き出さ。

2.4インタフェースのテスト

1）プロセスは、インターフェイスを返す：要求が成功し、そしてデータを返し、インタフェースは、データのテストさまざまなシナリオを返す - 所望インターフェースデータが一致している返される;そのような送信のようなフォールトトレランスチェックインターフェース、;検査の界面境界値にパラメータエラー英語でデータ型と10進数、等、等を扱うことができ、要求が成功しましたが、データが空であり、例外要求インターフェース、ページ処理。

2）性能試験インタフェース：

ページの読み込み時間：フォーカス最初の画面でページの読み込み時間、コール・インタフェース・データが遅すぎるユーザーエクスペリエンスに影響を与えるだろう、時間を戻しました。

関連リソース：写真付きページ、画像を縮小してみてください;かどうかの圧縮リソース、CDNの負荷を通るかどうか。

同時サーバーのパフォーマンス：ユーザーの過度の量、サーバーのパフォーマンスが影響を受けています。

メモリ：メモリを集中的にチェックするために繰り返し訪問。

データ使用法：いくつかの画像を変更しないため、このようなゲームのアニメーション画像として物事は、すべての要求を必要としない、ローカルキャッシュを行い、負荷のときより多くのデータページを作っている場合。

2.5ネットワークのテスト

ネットワーク：無線LAN、4G、3G、2G。

ネットワーク異常：弱いネットワーク、切断、ネットワークのハンドオーバ;

2.6アダプタのテスト H5ページには、コンテンツの適応を必要とします。

HDの画像適応;フォントサイズアダプタ、ページレイアウトの幅に合わせ、

水平および垂直スクリーン適応は、適応の要因を考慮する：異なる画面サイズと解像度モデルを適合させます。

異なるプラットフォームiOSとAndroidの適応;

画面の水平方向および垂直方向の画面の適応;

デイナイトモード適応;暗い光モード適応（iOS13システム）。

2.7安全性試験 インターフェース部機密情報が送信を暗号化し、その上にある;あなたが直接URLを開くことができる場合は、配信チャネルを直接かURLリクエストを傍受を通じて、制限されているかどうかに関係なく、配信チャネルであるかを明確には、悪意のある攻撃を防ぎます。

2.8埋込み試験 埋込み検査データ。

ライン上の2.9実証試験に ライン上：H5は（事前環境を含む）テスト環境で、さまざまなリソースに関連するファイルは、一般的にドメイン内で、正式に立ち上げ、RDリンクの靴は、リソースファイルを持っている（またはURLを忘れています不作為の変更）危険なので、ネットワーク外のオンライン環境を使用してください、その後、すぐに次に戻り、どのように第二の剥離後に効果的な更新を確保するために、