スプレッド構文と Object.assign の違い

JavaScript

JavaScript の Object の spread operator (スプレッド構文) と Object.assign の違いを調べてわかった気になるが何度も忘れるので整理結論実質ほぼ同じことが実現できるが互換性の問題があるので Babel や TypeScript でトランスパイルするなら spread op…

2018-03-27

React で SVG を描画するための use タグでは xlinkHref を使う

React

React で use tag 使うときの躓き結論 sprite - SVG use tag and ReactJS - Stack Overflow にある通り xlinkHref を使うとよい。 <svg> <use xlinkHref="#my-logo" /> </svg> 古いバージョンでは dangerouslySetInnerHTML を使うしか回避策が無かったようだが、今ではこの方法は避けたほうが良い。…

2018-03-17

JavaScript が動作する Capybara の feature spec でブラウザのコンソールを確認する

React Capybara Ruby Selenium RSpec JavaScript

結論 page.driver.browser.manage.logs.get(:browser) 調べた経緯フォームの text input に対する fill が働かないのでどうしたかと思い、Selenium で操作中のブラウザをのぞいてみると React の component が一切 render されていなかった。どこかで Java…

2018-03-11

休日の成果を手放しに称賛しない

土日祝日などの勤務時間外にがんばって出した成果を「やっていき」「圧倒的当事者意識」などと手放しに称賛しない方が良いと思っている。「いやー土日にがんばるなんてスゴイっすね〜〜〜」と褒められて気分良くなったりするんだけど往々にしてそもそも実現…

2018-03-10

PhantomJS + Poltergeist を Selenium + Headless Chrome で置き換える (2) Teaspoon による JavaScript test 編

PhantomJS + Poltergeist を Selenium + Headless Chrome で置き換える (1) Rails + Capybara による feature spec 編 - valid,invalid の続き。 teaspoon.env の変更内容について Capybara + Selenium + headless Chrome の設定例はググると結構出てくるも…

2018-03-10

PhantomJS + Poltergeist を Selenium + Headless Chrome で置き換える (1) Rails + Capybara による feature spec 編

レガシーに半身浴しているような、ふだんなかなか触らないけれど現役のレポジトリに潜んでいた亡霊を退治!!! Poltergeist + PhantomJS を消し去り、 Selenium + Headless Chromium に置き換えた。このレポジトリは Rails による API バックエンドと SPA フ…