Untitled

const titleInput = getByText('title')
console.log(prettyDOM(titleInput))

<textarea
    class="sc-htoDjs dLjZCT sc-bxivhb jdLTBU"
    placeholder="New task"
    style="height: 0px;"
  >
    title
  </textarea>

fireEvent.click(titleInput)
expect(titleInput).toHaveFocus()

Received:
  <body><textarea style="min-height: 0 !important; max-height: none !important; height: 0px !important; visibility: hidden !important; overflow: hidden !important; position: absolute !important; z-index: -1000 !important; top: 0px !important; right: 0px;" /><div><div class="sc-ifAKCX gEJGbj"><div class="sc-EHOje iuWoZv"><button class="sc-bdVaJa fqSyJX"><i class="material-icons sc-bwzfXH hdRIxJ">close</i></button></div><div class="sc-bZQynM ePHCfO"><i class="material-icons sc-gzVnrw hLaoGk sc-htpNat yUcHM sc-bwzfXH hdRIxJ">radio_button_unchecked</i><textarea class="sc-htoDjs dLjZCT sc-bxivhb jdLTBU" placeholder="New task" style="height: 0px;">title</textarea></div><div class="sc-dnqmqq gspxXz"><textarea class="sc-bxivhb jdLTBU" placeholder="Add description" style="height: 0px;" /></div></div></div></body>

  at Object.it (src/__tests__/TaskDetails.test.js:84:30)
      at new Promise (<anonymous>)
  at Promise.resolve.then.el (node_modules/p-map/index.js:46:16)
      at <anonymous>
  at process._tickCallback (internal/process/next_tick.js:188:7)