seleniumによる自動テストのスマートフォン画面での実現

Chromeのデベロッパーツールでは画面表示をスマホに切り替えられるのですが、同じように自分の作ったウェブページを

スマホで表示した用の自動テストが行えるようにするには以下のコードを付け加えればOKです!!

前提として自動テストコードがjavascriptで書かれている事、SeleniumでChromeDriverを導入していることが必要です。

var webdriver = require('selenium-webdriver');
var capabilities = {
  browserName: 'chrome',
  chromeOptions: {
    mobileEmulation: {
      deviceName: 'Apple iPhone 6'//テストしたいデバイス名(デベロッパーツールで使えるものなら可)
    }
  }
};
var
  driver = new webdriver
  .Builder()
  .withCapabilities(capabilities)
  .build();

なお、他の言語については下の公式ドキュメントを参照して下さい。

Mobile Emulation

今回は以下のページを参考にさせていただきました。

Emulating mobile in ChromeDriver