{"body":"* Codemod it.experimental to gate pragma\r\n\r\nFind-and-replace followed by Prettier\r\n\r\n* Delete it.experimental\r\n\r\nRemoves the API from our test setup script","patch":"diff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMFiberAsync-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMFiberAsync-test.js\nindex a9e6e534be..889b26387d 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMFiberAsync-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMFiberAsync-test.js\n@@ -153,7 +153,8 @@ describe('ReactDOMFiberAsync', () => {\n Scheduler = require('scheduler');\n });\n \n- it.experimental('does not perform deferred updates synchronously', () => {\n+ \/\/ @gate experimental\n+ it('does not perform deferred updates synchronously', () => {\n const inputRef = React.createRef();\n const asyncValueRef = React.createRef();\n const syncValueRef = React.createRef();\n@@ -208,7 +209,8 @@ describe('ReactDOMFiberAsync', () => {\n expect(syncValueRef.current.textContent).toBe('hello');\n });\n \n- it.experimental('top-level updates are concurrent', () => {\n+ \/\/ @gate experimental\n+ it('top-level updates are concurrent', () => {\n const root = ReactDOM.createRoot(container);\n root.render(

Hi<\/div>);\n expect(container.textContent).toEqual('');\n@@ -221,7 +223,8 @@ describe('ReactDOMFiberAsync', () => {\n expect(container.textContent).toEqual('Bye');\n });\n \n- it.experimental('deep updates (setState) are concurrent', () => {\n+ \/\/ @gate experimental\n+ it('deep updates (setState) are concurrent', () => {\n let instance;\n class Component extends React.Component {\n state = {step: 0};\n@@ -243,7 +246,8 @@ describe('ReactDOMFiberAsync', () => {\n expect(container.textContent).toEqual('1');\n });\n \n- it.experimental('flushSync flushes updates before end of the tick', () => {\n+ \/\/ @gate experimental\n+ it('flushSync flushes updates before end of the tick', () => {\n const ops = [];\n let instance;\n \n@@ -291,82 +295,79 @@ describe('ReactDOMFiberAsync', () => {\n expect(ops).toEqual(['BC', 'ABCD']);\n });\n \n- it.experimental(\n- 'flushControlled flushes updates before yielding to browser',\n- () => {\n- let inst;\n- class Counter extends React.Component {\n- state = {counter: 0};\n- increment = () =>\n- this.setState(state => ({counter: state.counter + 1}));\n- render() {\n- inst = this;\n- return this.state.counter;\n- }\n+ \/\/ @gate experimental\n+ it('flushControlled flushes updates before yielding to browser', () => {\n+ let inst;\n+ class Counter extends React.Component {\n+ state = {counter: 0};\n+ increment = () =>\n+ this.setState(state => ({counter: state.counter + 1}));\n+ render() {\n+ inst = this;\n+ return this.state.counter;\n }\n- const root = ReactDOM.createRoot(container);\n- root.render();\n- Scheduler.unstable_flushAll();\n- expect(container.textContent).toEqual('0');\n+ }\n+ const root = ReactDOM.createRoot(container);\n+ root.render();\n+ Scheduler.unstable_flushAll();\n+ expect(container.textContent).toEqual('0');\n \n- \/\/ Test that a normal update is async\n- inst.increment();\n- expect(container.textContent).toEqual('0');\n- Scheduler.unstable_flushAll();\n- expect(container.textContent).toEqual('1');\n+ \/\/ Test that a normal update is async\n+ inst.increment();\n+ expect(container.textContent).toEqual('0');\n+ Scheduler.unstable_flushAll();\n+ expect(container.textContent).toEqual('1');\n \n- const ops = [];\n+ const ops = [];\n+ ReactDOM.unstable_flushControlled(() => {\n+ inst.increment();\n ReactDOM.unstable_flushControlled(() => {\n inst.increment();\n- ReactDOM.unstable_flushControlled(() => {\n- inst.increment();\n- ops.push('end of inner flush: ' + container.textContent);\n- });\n- ops.push('end of outer flush: ' + container.textContent);\n+ ops.push('end of inner flush: ' + container.textContent);\n });\n- ops.push('after outer flush: ' + container.textContent);\n- expect(ops).toEqual([\n- 'end of inner flush: 1',\n- 'end of outer flush: 1',\n- 'after outer flush: 3',\n- ]);\n- },\n- );\n+ ops.push('end of outer flush: ' + container.textContent);\n+ });\n+ ops.push('after outer flush: ' + container.textContent);\n+ expect(ops).toEqual([\n+ 'end of inner flush: 1',\n+ 'end of outer flush: 1',\n+ 'after outer flush: 3',\n+ ]);\n+ });\n \n- it.experimental(\n- 'flushControlled does not flush until end of outermost batchedUpdates',\n- () => {\n- let inst;\n- class Counter extends React.Component {\n- state = {counter: 0};\n- increment = () =>\n- this.setState(state => ({counter: state.counter + 1}));\n- render() {\n- inst = this;\n- return this.state.counter;\n- }\n+ \/\/ @gate experimental\n+ it('flushControlled does not flush until end of outermost batchedUpdates', () => {\n+ let inst;\n+ class Counter extends React.Component {\n+ state = {counter: 0};\n+ increment = () =>\n+ this.setState(state => ({counter: state.counter + 1}));\n+ render() {\n+ inst = this;\n+ return this.state.counter;\n }\n- ReactDOM.render(, container);\n+ }\n+ ReactDOM.render(, container);\n \n- const ops = [];\n- ReactDOM.unstable_batchedUpdates(() => {\n+ const ops = [];\n+ ReactDOM.unstable_batchedUpdates(() => {\n+ inst.increment();\n+ ReactDOM.unstable_flushControlled(() => {\n inst.increment();\n- ReactDOM.unstable_flushControlled(() => {\n- inst.increment();\n- ops.push('end of flushControlled fn: ' + container.textContent);\n- });\n- ops.push('end of batchedUpdates fn: ' + container.textContent);\n+ ops.push('end of flushControlled fn: ' + container.textContent);\n });\n- ops.push('after batchedUpdates: ' + container.textContent);\n- expect(ops).toEqual([\n- 'end of flushControlled fn: 0',\n- 'end of batchedUpdates fn: 0',\n- 'after batchedUpdates: 2',\n- ]);\n- },\n- );\n+ ops.push('end of batchedUpdates fn: ' + container.textContent);\n+ });\n+ ops.push('after batchedUpdates: ' + container.textContent);\n+ expect(ops).toEqual([\n+ 'end of flushControlled fn: 0',\n+ 'end of batchedUpdates fn: 0',\n+ 'after batchedUpdates: 2',\n+ ]);\n+ });\n \n- it.experimental('flushControlled returns nothing', () => {\n+ \/\/ @gate experimental\n+ it('flushControlled returns nothing', () => {\n \/\/ In the future, we may want to return a thenable \"work\" object.\n let inst;\n class Counter extends React.Component {\n@@ -389,201 +390,193 @@ describe('ReactDOMFiberAsync', () => {\n expect(returnValue).toBe(undefined);\n });\n \n- it.experimental(\n- 'ignores discrete events on a pending removed element',\n- () => {\n- const disableButtonRef = React.createRef();\n- const submitButtonRef = React.createRef();\n-\n- let formSubmitted = false;\n-\n- class Form extends React.Component {\n- state = {active: true};\n- disableForm = () => {\n- this.setState({active: false});\n- };\n- submitForm = () => {\n- formSubmitted = true; \/\/ This should not get invoked\n- };\n- render() {\n- return (\n-

\n-

dillon1000/react

Files changed