ブラウザツール

サービスの目視チェックをヘッドレスブラウザで効率化した話

■ モチベーション

サービスを継続的に改善していく上で、バグを避けることはできません。そこで、バグが混入した時にそれにいち早く気付ける仕組みが必要になります。

Webサービス開発ではふつう、ユニットテストを書きます。一連のページ遷移(動線)をチェックするE2Eテストを書くこともあります。これらを用いることで、バグに簡単に気づくことが出来ます。

しかし、フロントエンドのエラーには微妙なページデ

もっとみる

FirefoxとChromeの編集可能なDivの違い

前回、一行目からタイトルを取り出す処理を実装してみたものの、Firefoxではうまく動いても、Chromeだとなぜかうまくいかない事態に直面しました。これがブラウザツールの面倒なところです。

ちなみに、textLineのカードは、<textarea>ではなく、編集可能な<div>を使っています。contenteditable属性を指定したdIvですね。

<div contenteditable

もっとみる