검증 환경

Firefox 56

Windows7

Chrome 61

증상

예를 들면

<div>test&nbsp;test</div>

라는 HTML이 있었을 때,

document.querySelector('div').innerText

에test ( )test그리고 저장됩니다.
이것을

console.log(document.querySelector('div').innerText)

그렇다면 출력은test (半角スペース)test되어 있다.

그래서 한번 콘솔에 출력한 결과를 복사하고 원시 innerText와 콘솔에서 비교해 보면

document.querySelector('div').innerText === 'test test'

이것은 false가 된다.

콘솔의 출력 이력에 나왔을 때에 변환되는 것 같고, 재미있는 현상이 나타난다.



일단 true가 된 식을 복사하면 false가 되는 것이다.

또한 Chrome에서는 발생하지 않았다.

E2E 테스트에서 HeadlessChrome의 테스트 코드와 거의 같은 코드로 Firefox의 개발자 툴로 실행 → copipe로 expected 코드를 작성하고 있으면, assert가 통과하지 않았던 것으로부터 발각.

자동 테스트가 Chrome이라면 처음부터 Chrome이라면 좋았습니다 ...