test: hydrate + rerender behavior

Author: eps1lon

src/__tests__/rerender.js

@@ -1,4 +1,5 @@
 import * as React from 'react'
+import * as ReactDOMServer from 'react-dom/server'
 import {render} from '../'
 
 test('rerender will re-render the element', () => {
@@ -10,22 +11,19 @@ test('rerender will re-render the element', () => {
 })
 
 test('hydrate will not update props until next render', () => {
-  const initialInputElement = document.createElement('input')
   const container = document.createElement('div')
-  container.appendChild(initialInputElement)
   document.body.appendChild(container)
+  const ui = <main>Server</main>
+  container.innerHTML = ReactDOMServer.renderToString(ui)
 
-  const firstValue = 'hello'
-  initialInputElement.value = firstValue
-
-  const {rerender} = render(<input value="" onChange={() => null} />, {
+  const {rerender} = render(ui, {
     container,
     hydrate: true,
   })
 
-  expect(initialInputElement).toHaveValue(firstValue)
+  expect(container).toHaveTextContent('Server')
+
+  rerender(<main>Client</main>)
 
-  const secondValue = 'goodbye'
-  rerender(<input value={secondValue} onChange={() => null} />)
-  expect(initialInputElement).toHaveValue(secondValue)
+  expect(container).toHaveTextContent('Client')
 })