RubyLouvre/anu

File ReactDOMFiber-test.js has 945 lines of code (exceeds 250 allowed). Consider refactoring.

Open

'use strict';

const React = require('react');
const ReactDOM = require('react-dom');
const ReactTestUtils = require('test-utils');

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('should warn when doing an update to a container manually updated outside of React', () => {
        // when not messing with the DOM outside of React
        ReactDOM.render(<div>foo</div>, container);
        ReactDOM.render(<div>bar</div>, container);
        expect(container.innerHTML).toBe('<div>bar</div>');

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('should warn when doing an update to a container manually cleared outside of React', () => {
        // when not messing with the DOM outside of React
        ReactDOM.render(<div>foo</div>, container);
        ReactDOM.render(<div>bar</div>, container);
        expect(container.innerHTML).toBe('<div>bar</div>');

• Read up
  Read up

Identical blocks of code found in 4 locations. Consider refactoring.

Open

        class Component extends React.Component {
            static contextTypes = {
                foo: PropTypes.string.isRequired,
                getFoo: PropTypes.func.isRequired,
            };

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        class ErrorBoundary extends React.Component {
            state = { error: null };
            componentDidCatch(error) {
                this.setState({ error });
            }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        class ErrorBoundary extends React.Component {
            state = { error: null };
            componentDidCatch(error) {
                this.setState({ error });
            }

• Read up
  Read up

Identical blocks of code found in 4 locations. Consider refactoring.

Open

        class Component extends React.Component {
            static contextTypes = {
                foo: PropTypes.string.isRequired,
                getFoo: PropTypes.func.isRequired,
            };

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                setTimeout(() => {
                    console.log('current跟上次不一样，dom位置复原');
                    this.setState({ current: 2 }, ()=>{
                        expect(prev(this.refs.aaa).id).toBe("a2")
                    });

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                setTimeout(() => {
                    console.log('current跟上次一样，dom位置互换');
                    this.setState({ current: 1 }, ()=>{
                        expect(prev(this.refs.aaa).id).toBe("a2")
                    });

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                setTimeout(() => {
                    console.log('current跟上次不一样)');
                    this.setState({ current: 1 }, ()=>{
                        expect(prev(this.refs.aaa).id).toBe("a2")
                    });

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                setTimeout(() => {
                    console.log('current跟上次一样，dom位置互换');
                    this.setState({ current: 2 }, ()=>{
                        expect(prev(this.refs.aaa).id).toBe("a2")
                    });

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                        <foreignObject {...expectSVG}>
                            <p {...expectHTML} />
                            <math {...expectMath}>
                                <mi {...expectMath} />
                            </math>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                            <svg {...expectSVG}>
                                <image {...expectSVG} />
                                <svg {...expectSVG}>
                                    <image {...expectSVG} />
                                </svg>

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

        class Component extends React.Component {
            static contextTypes = {
                foo: PropTypes.string.isRequired,
            };

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        assertNamespacesMatch(
            <svg {...expectSVG}>
                <image {...expectSVG} />
                {usePortal(<div {...expectHTML} />)}
                <image {...expectSVG} />

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        assertNamespacesMatch(
            <math {...expectMath}>
                <mi {...expectMath} />
                {usePortal(<div {...expectHTML} />)}
                <mi {...expectMath} />

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

        ReactDOM.render(<div>{ReactDOM.createPortal(<div>portal:2</div>, portalContainer)}</div>, container);

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

        ReactDOM.render(<div>{ReactDOM.createPortal(<div>portal</div>, portalContainer)}</div>, container);

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

        ReactDOM.render(<div>{ReactDOM.createPortal(<p>portal:3</p>, portalContainer)}</div>, container);

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

        ReactDOM.render(<div>{ReactDOM.createPortal(<div>portal:1</div>, portalContainer)}</div>, container);

• Read up
  Read up