メニュー

Browserstackチュートリアル：アプリとブラウザーのテストプラットフォーム(ガイド)

  • メイン
  • その他
  • Browserstackチュートリアル：アプリとブラウザーのテストプラットフォーム(ガイド)

browserstack tutorial

問題を排除するために楽器を試してください

この詳細なハンズオンブラウザスタックチュートリアルで、Browserstackモバイルアプリとクロスブラウザテストプラットフォームの使用方法を学びます。

BrowserStackは、Webサイトとモバイルアプリケーションをテストするためのテストプラットフォームです。

仮想マシン、デバイス、エミュレーターを使用せずに、複数のブラウザーでWebアプリケーションをテストし、すべてのモバイルデバイスでモバイルアプリケーションをテストできます。

モバイルアプリケーションに関しては、AndroidおよびiOSモバイルアプリケーションをテストできます。

BrowserStackチュートリアル

学習内容：

BrowserStackとは何ですか？

Browser Stackは、クラウドベースのテストツールです。このツールを使用すると、開発者とテスターは、さまざまなWebブラウザーでさまざまなWebおよびモバイルアプリケーションのクロスブラウザーテストを実行できます。

クロスブラウザテストとは何ですか？

クロスブラウザテストは機能テストです。このテストを実行して、さまざまなオペレーティングシステムのさまざまなWebブラウザでアプリケーションが期待どおりに機能しているかどうかを確認します。ここでは、テストケースを手動で実行するか、自動化スクリプトでさまざまなブラウザーを指定して自動化を実行できます。

推奨読書=> クロスブラウザテストの初心者向けガイド

なぜBrowserStack？

リアルタイムでは、さまざまなバージョンの複数のオペレーティングシステムを使用して、さまざまなブラウザでアプリケーションをテストすることは困難です。

さまざまなオペレーティングシステムをインストールするために多くのコンピュータマシンを購入するには、多くの費用がかかります。今日の市場で入手可能なすべてのAndroidおよびiOSモバイルデバイスを購入することはさらに困難です。このため、すべてのデバイスを購入してセットアップすることは現実的ではありません。

したがって、オペレーティングシステム、ブラウザー、および異なるバージョン間の切り替えの複雑さを回避するために、BrowserStackを使用します。

モバイルアプリケーションのテストに関しては、現在利用可能なすべてのモバイルデバイスを購入することを回避できます。 Browser Stackは、非常に柔軟でスケーラブルです。 Browser Stackを使用すると、いつでもどこでもテストできます。

Browser Stackをリモートラボとして使用でき、これをReal DesktopBrowserとして使用できます。無料のJavascriptユニットテストを提供し、750の構成をサポートします。ブラウザスタックを使用するために必要な設定はありません。ブラウザスタックのURLとそのログイン資格情報を使用して、独立したマシンで直接使用できます。

BrowserStackホームページ

BrowserStackの履歴

BrowserStackは、2011年にインドのムンバイでRiteshAroraとNakulAggarwalによって設立されました。135か国に約25000人の有料ユーザーと2000000人の登録ユーザーがいます。現在、多くの企業がWebおよびモバイルアプリケーションのテストをブラウザスタックに依存しています。

BrowserStackの機能

  • さまざまなオペレーティングシステム上のさまざまなブラウザを使用したクロスブラウザテスト。
  • モバイルでのネイティブアプリのテスト。
  • ハイブリッドアプリケーションテスト。
  • Webおよびモバイルアプリケーションを自動化します。

Webアプリケーションのテスト

＃1） BrowserStackにサインアップします。

BrowserStackにサインアップ

＃二） あなたのアカウントにログイン。

ログインする

＃3） 製品ドロップダウンからライブインタラクティブクロスブラウザテストオプションを選択します。

ライブインタラクティブクロスブラウザ

＃4 ）ページの左側にOSリストが表示されます。 android、iOS、windows phone、windows 10、windows 8、Windows XP、Macなどがあります。

OSを選択します

＃5） リストから任意のOSを選択します。さまざまなバージョンのブラウザのリストを表示できます。 chrome、Mozilla Firefox、IE、opera、safariなどのブラウザが、Chrome 75、Chrome 74、Chrome 73、IE 11、IE10などのさまざまなバージョンで表示されます。

バージョン付きのブラウザリスト

＃6） 任意のバージョンの特定のブラウザを選択します。ブラウザが開きます。アプリケーションのURLを入力します。実際のシステムブラウザで行うのと同じ方法で、アプリケーションのテストを開始します。

アプリケーションのURLを入力してください

アプリケーションのテスト中にブラウザスタックの主要機能を使用する

他のブラウザを選択したい場合は、ブラウザの切り替えオプションをクリックしてください。これにより、ダッシュボード画面に移動します。ここで、テスト用の他のブラウザーを選択できます。

別の解像度でアプリケーションをテストする場合は、使用可能な解像度のリストが表示される解像度アイコンをクリックします。必要な解像度を選択して、テストを続行できます。

特定のブラウザでのテストが終了したら、(セッションの停止)をクリックすると、ダッシュボード画面が表示されます。

主な機能-ブラウザの切り替え

BrowserStackからバグを作成する

クリック バグオプションを報告する 。ページ上の問題を強調表示するためのオプションボックスが表示されます。長方形、円、鉛筆などのさまざまなオプションを使用して、問題を強調表示できます。

それに加えて、Jira、Trello、GitHub、Slackを使用するか、電子メールで、または問題ページをダウンロードする場合に、バグを報告する場所など、バグを報告するオプションのモードを確認できます。 、など。このようにして、上記のリストから任意のオプションを選択し、さらに進んでバグを報告できます。

バグの作成

例を使用した回帰テストとは

モバイルブラウザでのモバイルアプリケーションのテスト

製品ドロップダウンからライブインタラクティブクロスブラウザテストオプションを選択します。ページの左側にOSのリストが表示されます。そのリストからAndroidオプションをクリックします。あなたはサムスン、モトローラ、グーグル、ワンプラスなどのようなAndroidデバイスのリストを見ることができます。

テストしたいデバイスにマウスを合わせると、chrome、Mozilla Firefox、Safari、UCブラウザなどのブラウザが表示されます。ブラウザを選択すると、選択したブラウザが開きます。

モバイルアプリケーション-ブラウザを選択します

アプリケーションのURLを入力し、実際のシステムブラウザでどのように実行するかをテストします。

BrowserStackでのネイティブモバイルアプリケーションのテスト

Browser Stackアカウントにサインアップし、そのアカウントでログインします。を選択してください App Live –インタラクティブなネイティブおよびハイブリッドアプリのテスト 製品ドロップダウンからのオプション。

ネイティブアプリケーションのテスト

そこに3つのメインタブが表示されます。つまり、アプリのアップロード、Androidデバイスのリスト、iOSデバイスのリストです。

アップロードされたアプリ

アプリのアップロード

アプリのアップロードボタンをクリックすると、システムダイアログウィンドウが開きます。

アプリフォルダに移動し、テストするアプリを選択すると、アプリが正常にアップロードされます。アップロードされたアプリのセクションでアプリを確認できます。そこで、500MBのサイズまでのアプリをアップロードできます。

他の方法でアプリをアップロードすることもできます。を選択してください AppLiveインタラクティブネイティブおよびハイブリッドアプリテストオプション 製品のドロップダウンから、Android実デバイスまたはiOS実デバイスタブを選択します。

任意のデバイスを選択すると、それが開きます。 Playストアをクリックします。アカウントでサインインし、テストしたいアプリを検索します。アプリをダウンロードしてインストールし、アプリケーションのテストを開始します。

同様に、アプリセンターとの同期、hockeyappとの同期、testflightでのインストール、アプリストアでのインストール、Playストアでのインストールなど、さまざまな方法でアプリをアップロードできます。

アプリの削除

削除アイコンをクリックすると、各アプリにチェックボックスが表示されます。チェックボックスを選択して削除リンクをクリックすると、アップロード日から60日が経過すると、アップロードされたアプリが自動的に削除されます。

次に、Androidの実際のデバイスタブを確認し、このタブをクリックすると、Samsung、Motorola、Google、oneplusなどのさまざまなデバイスモデルのAndroidデバイスのリストが表示されます。各モデルのOSバージョンと画面サイズを確認できます。

OSバージョン

次に、iOSの実際のデバイスタブを観察し、このタブをクリックすると、さまざまなデバイスモデルのiPhoneやiPadなどのiOSデバイスのリストが表示されます。各モデルのOSバージョンと画面サイズを確認できます。

iOSの実際のデバイス

テストのためにAndroidまたはiOSデバイスをクリックします。特定のデバイスが開き、アプリケーションが起動します。実際のデバイスでのテストを開始します。

iOSデバイスを選択します

ネイティブアプリのテスト中にブラウザースタックの主要機能を使用する

デバイスを切り替える場合は、(デバイスの切り替え)オプションをクリックします。特定のデバイスでのテストが終了したら、(セッションの停止)オプションをクリックすると、ダッシュボードページに移動します。設定をクリックして、セッションタイムアウトとモニターサイズを選択します。

をクリックしてバグを作成できます バグオプションを報告する 、上記のWebテストセクションで説明したのと同じです。次に、Webツールキットメニューを見てください。このメニューには、デバイスを実行可能に操作してアプリケーションをテストするためのオプションがいくつかあります。

クリックしてください デバイスの回転オプション デバイスを水平または垂直に回転させます。クリックしてください アプリをインストールする 新しいアプリケーションをインストールします。クリックしてください アプリを殺す デバイスではなくアプリを閉じるだけです。クリック 言語を変更 テスト用の言語を変更します。クリック 機器情報 完全なデバイス情報を確認します。

ネイティブアプリのテスト

BrowserStackテストと実際のデバイステストの比較

ブラウザスタックテスト 実デバイスのテスト
経済的： さまざまなデバイスとブラウザを切り替えることで、単一のデバイスでアプリケーションをテストできます。 経済的ではない： テスト用に市場で入手可能なすべてのデバイスを購入する必要があります。
非常に柔軟： クロスブラウザテストとモバイルアプリケーションテストを単一のプラットフォームで実行できます。どこへ行っても複数のデバイスを持ち運ぶ必要があります。
OSライセンスを購入する必要はありません。OSライセンスを購入する必要があります。
高速： OSとブラウザをロードするのを待つ必要はありません。 スロー： OSとブラウザをロードするのを待つ必要があります。
仮想マシンを使用する必要はありません。仮想マシンを使用する必要があります。

Seleniumスクリプトを使用してWebサイトを自動化する

Seleniumスクリプトを作成し、ブラウザスタックで自動化テストを実行しましょう。最新バージョンのJavaをダウンロードしてインストールします。最新バージョンのEclipseまたは別のIDEをダウンロードしてインストールします。

ブラウザスタックからユーザー名とアクセスキーを取得する必要があります。これを取得するには、ブラウザの資格情報を使用してログインし、 製品 をクリックします 自動化 。左側にあるユーザー名とアクセスキーを確認します。ユーザー名とパスワードを書き留めます。

Seleniumスクリプトを使用して自動化する

EclipseIDEを開きます。 Javaプロジェクトを作成し、パッケージを作成し、クラスファイルを作成して、必要なすべてのSeleniumjarファイルをプロジェクトに追加します。ユーザー名とアクセスキーの変数を記述します。 URL、ユーザー名、パスワードを渡します。注釈を使用します。メソッドを作成します。

ログを表示するために必要な機能を設定します。 Webドライバーに、前述のオペレーティングシステム、ブラウザー、およびブラウザーのバージョンを選択するように指示するために必要な機能を設定しています。 Webドライバーのオブジェクトを作成し、Webサイトを開くためのURLを取得します。アプリケーションが起動するまで待機するwait暗黙コマンドを記述します。

「URLを取得」などのコマンドをテストするためのコードを記述し、アサーションや、クリック、ナビゲーション、データの入力などの他の機能を使用して、予想されるURLを確認します。

スクリプトを実行します。自動化タブを確認します。すべてのテストステップのテストログを確認し、ビジュアルログを参照してWebサイトのスクリーンショットを確認してください。その他の情報については、コンソールログとネットワークログを確認してください。

Public class testbrowserstack { Public static String Username =”anand”; Public static String accesskey =”anandaccess”; public static final String URL = 'https://' + username + ':' + accesskey + '@hub-cloud.browserstack.com/wd/hub'; public static void main(String() args) throws Exception { DesiredCapabilities caps = new DesiredCapabilities(); caps.setCapability('browserName', 'iPhone'); caps.setCapability('device', 'iPhone X'); caps.setCapability('realMobile', 'true'); caps.setCapability('os_version', '11'); caps.setCapability('name', 'Bstack-(Java) Sample Test'); WebDriver driver = new RemoteWebDriver(new URL(URL), caps); driver.get('http://www.google.com'); WebElement element = driver.findElement(By.name('q')); element.sendKeys('BrowserStack'); element.submit(); System.out.println(driver.getTitle()); driver.quit(); }

BrowserStackテストの利点

  1. 単一のコントロールポイントからすべての主要なブラウザをテストできます。
  2. 下位/古いバージョンのブラウザの互換性をテストできます。
  3. 手動テストと自動テストの両方をサポートします。
  4. 現在市場に出回っているすべてのデバイスとブラウザをテストできます。
  5. さまざまな解像度でアプリケーションをテストできます。

BrowserStackテストのデメリット

  1. 応答時間は、ローカルにインストールされた仮想マシンほど良くありません。
  2. BrowserStackはオープンソースではありません。
  3. 実際のデバイスで見つかるいくつかのバグは特定できません。

結論

BrowserStackを使用すると、仮想マシンのインストールに依存することなく、完全なテストを実行できます。 Browser Stackは、テストの柔軟性と信頼性が高く、実際に費用と時間を節約できます。

これは、すべてのデバイス、オペレーティングシステム、ブラウザ、およびすべてのバージョンが異なる1つの大きな屋根のようなものです。したがって、ブラウザスタックを使用してあらゆる種類のアプリケーションをテストできます。

ブラウザスタックは、200以上のブラウザと40以上のモバイルデバイスで実行できます。クラウドサービスでテストを実行できます。オープンソースのプラットフォームではありません。あなたが取る計画とあなたが実行したいテストに基づいてライセンスを購入するために支払う必要があります。

BrowserStackはもう使用しましたか？そうでない場合は、今日試してみる準備ができていますか？

推奨読書

^