2021-12-28 Phoenix test は css を無視した


Phoenix live_view で Responsive Design 画面を実装して、テストを実行する時、下記のケースが失敗した。

原因:

Responsive Design 画面を実装する時、同じ目的なボタンが2つを実装した。 ボタンは css で制限して、SP画面もPC画面も唯一ボタンが表示されている。 ユーザーは使う時問題がない、Phoenix test 時 css を無視して失敗した。

解決方法:

  1. ボタンを物理的に唯一にする
  2. test code を修正する