450d4bd0f3
* Add Fast Refresh Support * Add Basic Acceptance Test * Increase delay * fix version * Ignore test files * Update packages/next/build/webpack/loaders/next-babel-loader.js * Copy tests * Redo test style * drop directory * fix compile * fix remove function * Update helpers
60 lines
1.6 KiB
JavaScript
60 lines
1.6 KiB
JavaScript
/* global jasmine */
|
|
/* eslint-env jest */
|
|
import { sandbox } from './helpers'
|
|
|
|
jasmine.DEFAULT_TIMEOUT_INTERVAL = 1000 * 60 * 5
|
|
|
|
test('basic: can edit a component without losing state', async () => {
|
|
const [session, cleanup] = await sandbox()
|
|
|
|
await session.patch(
|
|
'index.js',
|
|
`
|
|
import { useCallback, useState } from 'react'
|
|
|
|
export default function Index() {
|
|
const [count, setCount] = useState(0)
|
|
const increment = useCallback(() => setCount(c => c + 1), [setCount])
|
|
return (
|
|
<main>
|
|
<p>{count}</p>
|
|
<button onClick={increment}>Increment</button>
|
|
</main>
|
|
)
|
|
}
|
|
`
|
|
)
|
|
|
|
await session.evaluate(() => document.querySelector('button').click())
|
|
expect(
|
|
await session.evaluate(() => document.querySelector('p').textContent)
|
|
).toBe('1')
|
|
|
|
await session.patch(
|
|
'index.js',
|
|
`
|
|
import { useCallback, useState } from 'react'
|
|
|
|
export default function Index() {
|
|
const [count, setCount] = useState(0)
|
|
const increment = useCallback(() => setCount(c => c + 1), [setCount])
|
|
return (
|
|
<main>
|
|
<p>Count: {count}</p>
|
|
<button onClick={increment}>Increment</button>
|
|
</main>
|
|
)
|
|
}
|
|
`
|
|
)
|
|
|
|
expect(
|
|
await session.evaluate(() => document.querySelector('p').textContent)
|
|
).toBe('Count: 1')
|
|
await session.evaluate(() => document.querySelector('button').click())
|
|
expect(
|
|
await session.evaluate(() => document.querySelector('p').textContent)
|
|
).toBe('Count: 2')
|
|
|
|
await cleanup()
|
|
})
|