RubyLouvre/anu

File index.js has 563 lines of code (exceeds 250 allowed). Consider refactoring.

Open

const ReactDOMServerIntegrationUtils = require('./utils/ReactDOMServerIntegrationTestUtils');

let React;
let ReactDOM;
let ReactDOMServer;

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

Open

      itRenders('no badly cased htmlfor', async render => {
        const e = await render(<div htmlfor="myFor" />, 1);
        expect(e.hasAttribute('for')).toBe(false);
        expect(e.getAttribute('htmlfor')).toBe('myFor');
      });

• Read up
  Read up

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

Open

      itRenders(
        'badly cased aliased HTML attribute with a warning',
        async render => {
          const e = await render(<meta httpequiv="refresh" />, 1);
          expect(e.hasAttribute('http-equiv')).toBe(false);

• Read up
  Read up

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

Open

      itRenders('no boolean prop with function value', async render => {
        const e = await render(<div hidden={function() {}} />, 1);
        expect(e.hasAttribute('hidden')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders(
        'no positive numeric prop with function value',
        async render => {
          const e = await render(<input size={function() {}} />, 1);
          expect(e.hasAttribute('size')).toBe(false);

• Read up
  Read up

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

Open

      itRenders('no string prop with function value', async render => {
        const e = await render(<div width={function() {}} />, 1);
        expect(e.hasAttribute('width')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no numeric prop with function value', async render => {
        const e = await render(<ol start={function() {}} />, 1);
        expect(e.hasAttribute('start')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no download prop with function value', async render => {
        const e = await render(<div download={function() {}} />, 1);
        expect(e.hasAttribute('download')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no download prop with symbol value', async render => {
        const e = await render(<div download={Symbol('foo')} />, 1);
        expect(e.hasAttribute('download')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no numeric prop with symbol value', async render => {
        const e = await render(<ol start={Symbol('foo')} />, 1);
        expect(e.hasAttribute('start')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no positive numeric prop with symbol value', async render => {
        const e = await render(<input size={Symbol('foo')} />, 1);
        expect(e.hasAttribute('size')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no string prop with symbol value', async render => {
        const e = await render(<div width={Symbol('foo')} />, 1);
        expect(e.hasAttribute('width')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no boolean prop with symbol value', async render => {
        const e = await render(<div hidden={Symbol('foo')} />, 1);
        expect(e.hasAttribute('hidden')).toBe(false);
      });

• Read up
  Read up

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

Open

    itRenders('class for custom elements', async render => {
      const e = await render(<div is="custom-element" class="test" />, 0);
      expect(e.getAttribute('class')).toBe('test');
    });

• Read up
  Read up

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

Open

    itRenders('className for custom elements', async render => {
      const e = await render(<div is="custom-element" className="test" />, 0);
      expect(e.getAttribute('className')).toBe('test');
    });

• Read up
  Read up

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

Open

    itRenders('for attribute on custom elements', async render => {
      const e = await render(<div is="custom-element" for="test" />);
      expect(e.getAttribute('for')).toBe('test');
    });

• Read up
  Read up

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

Open

    itRenders(
      'unknown attributes for custom elements using is',
      async render => {
        const e = await render(<div is="custom-element" foo="bar" />);
        expect(e.getAttribute('foo')).toBe('bar');

• Read up
  Read up

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

Open

    itRenders('htmlFor attribute on custom elements', async render => {
      const e = await render(<div is="custom-element" htmlFor="test" />);
      expect(e.getAttribute('htmlFor')).toBe('test');
    });

• Read up
  Read up

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

Open

      itRenders('no string prop with false value', async render => {
        const e = await render(<a href={false} />, 1);
        expect(e.hasAttribute('href')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no string prop with true value', async render => {
        const e = await render(<a href={true} />, 1);
        expect(e.hasAttribute('href')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no className prop with false value', async render => {
        const e = await render(<div className={false} />, 1);
        expect(e.hasAttribute('class')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no className prop with true value', async render => {
        const e = await render(<div className={true} />, 1);
        expect(e.hasAttribute('class')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no htmlFor prop with true value', async render => {
        const e = await render(<div htmlFor={true} />, 1);
        expect(e.hasAttribute('for')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no htmlFor prop with false value', async render => {
        const e = await render(<div htmlFor={false} />, 1);
        expect(e.hasAttribute('for')).toBe(false);
      });

• Read up
  Read up

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

Open

    itRenders(
      'no unknown attributes for custom elements with null value',
      async render => {
        const e = await render(<custom-element foo={null} />);
        expect(e.hasAttribute('foo')).toBe(false);

• Read up
  Read up

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

Open

      itRenders('unknown data- attributes with boolean false', async render => {
        const e = await render(<div data-foobar={false} />);
        expect(e.getAttribute('data-foobar')).toBe('false');
      });

• Read up
  Read up

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

Open

      itRenders('unknown data- attributes with boolean true', async render => {
        const e = await render(<div data-foobar={true} />);
        expect(e.getAttribute('data-foobar')).toBe('true');
      });

• Read up
  Read up

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

Open

    itRenders('unknown boolean `true` attributes as strings', async render => {
      const e = await render(<custom-element foo={true} />);
      expect(e.getAttribute('foo')).toBe('true');
    });

• Read up
  Read up

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

Open

      itRenders('no download prop with null value', async render => {
        const e = await render(<div download={null} />);
        expect(e.hasAttribute('download')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no aria prop with null value', async render => {
        const e = await render(<div aria-label={null} />);
        expect(e.hasAttribute('aria-label')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no string prop with null value', async render => {
        const e = await render(<div width={null} />);
        expect(e.hasAttribute('width')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('numeric property with zero value', async render => {
        const e = await render(<ol start={0} />);
        expect(e.getAttribute('start')).toBe('0');
      });

• Read up
  Read up

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

Open

      itRenders(
        'positive numeric property with positive value',
        async render => {
          const e = await render(<input size={2} />);
          expect(e.getAttribute('size')).toBe('2');

• Read up
  Read up

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

Open

      itRenders('boolean prop with false value', async render => {
        const e = await render(<div hidden={false} />);
        expect(e.getAttribute('hidden')).toBe(null);
      });

• Read up
  Read up

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

Open

      itRenders('no suppressContentEditableWarning attribute', async render => {
        const e = await render(<div suppressContentEditableWarning={true} />);
        expect(e.getAttribute('suppressContentEditableWarning')).toBe(null);
      });

• Read up
  Read up

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

Open

      itRenders('no suppressHydrationWarning attribute', async render => {
        const e = await render(<span suppressHydrationWarning={true} />);
        expect(e.getAttribute('suppressHydrationWarning')).toBe(null);
      });

• Read up
  Read up

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

Open

      itRenders('download prop with false value', async render => {
        const e = await render(<a download={false} />);
        expect(e.getAttribute('download')).toBe(null);
      });

• Read up
  Read up

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

Open

      itRenders('download prop with true value', async render => {
        const e = await render(<a download={true} />);
        expect(e.getAttribute('download')).toBe('');
      });

• Read up
  Read up

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

Open

      itRenders('download prop with number 0 value', async render => {
        const e = await render(<a download={0} />);
        expect(e.getAttribute('download')).toBe('0');
      });

• Read up
  Read up

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

Open

      itRenders('no boolean prop with null value', async render => {
        const e = await render(<div hidden={null} />);
        expect(e.hasAttribute('hidden')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no className prop with null value', async render => {
        const e = await render(<div className={null} />);
        expect(e.hasAttribute('className')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('no unknown data- attributes with null value', async render => {
        const e = await render(<div data-foo={null} />);
        expect(e.hasAttribute('data-foo')).toBe(false);
      });

• Read up
  Read up

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

Open

      itRenders('boolean prop with true value', async render => {
        const e = await render(<div hidden={true} />);
        expect(e.getAttribute('hidden')).toBe('');
      });

• Read up
  Read up

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

Open

      itRenders('no htmlFor prop with null value', async render => {
        const e = await render(<div htmlFor={null} />);
        expect(e.hasAttribute('htmlFor')).toBe(false);
      });

• Read up
  Read up

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

Open

    itRenders('unknown boolean `false` attributes as strings', async render => {
      const e = await render(<custom-element foo={false} />);
      expect(e.getAttribute('foo')).toBe('false');
    });

• Read up
  Read up

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

Open

      itRenders('simple numbers', async render => {
        const e = await render(<div width={30} />);
        expect(e.getAttribute('width')).toBe('30');
      });

• Read up
  Read up

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

Open

      itRenders('download prop with string "true" value', async render => {
        const e = await render(<a download={'true'} />);
        expect(e.getAttribute('download')).toBe('true');
      });

• Read up
  Read up

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

Open

      itRenders('simple strings', async render => {
        const e = await render(<div width={'30'} />);
        expect(e.getAttribute('width')).toBe('30');
      });

• Read up
  Read up

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

Open

      itRenders('badly cased reserved attributes', async render => {
        const e = await render(<div CHILDREN="5" />, 1);
        expect(e.getAttribute('CHILDREN')).toBe('5');
      });

• Read up
  Read up

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

Open

      itRenders('cased custom attributes', async render => {
        const e = await render(<div fooBar="test" />, 1);
        expect(e.getAttribute('foobar')).toBe('test');
      });

• Read up
  Read up

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

Open

      itRenders('unknown data- attributes with casing', async render => {
        const e = await render(<div data-fooBar="true" />, 1);
        expect(e.getAttribute('data-foobar')).toBe('true');
      });

• Read up
  Read up

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

Open

      itRenders('className prop with empty string value', async render => {
        const e = await render(<div className="" />);
        expect(e.getAttribute('class')).toBe('');
      });

• Read up
  Read up

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

Open

      itRenders('htmlFor with string value', async render => {
        const e = await render(<div htmlFor="myFor" />);
        expect(e.getAttribute('for')).toBe('myFor');
      });

• Read up
  Read up

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

Open

    itRenders('custom attribute named `on`', async render => {
      const e = await render(<div on="tap:do-something" />);
      expect(e.getAttribute('on')).toEqual('tap:do-something');
    });

• Read up
  Read up

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

Open

    itRenders('unknown `on*` attributes for custom elements', async render => {
      const e = await render(<custom-element onunknown="bar" />);
      expect(e.getAttribute('onunknown')).toBe('bar');
    });

• Read up
  Read up

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

Open

    itRenders('unknown attributes for custom elements', async render => {
      const e = await render(<custom-element foo="bar" />);
      expect(e.getAttribute('foo')).toBe('bar');
    });

• Read up
  Read up

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

Open

      itRenders('download prop with string value', async render => {
        const e = await render(<a download="myfile" />);
        expect(e.getAttribute('download')).toBe('myfile');
      });

• Read up
  Read up

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

Open

      itRenders('download prop with string "false" value', async render => {
        const e = await render(<a download="false" />);
        expect(e.getAttribute('download')).toBe('false');
      });

• Read up
  Read up

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

Open

      itRenders('unknown data- attributes', async render => {
        const e = await render(<div data-foo="bar" />);
        expect(e.getAttribute('data-foo')).toBe('bar');
      });

• Read up
  Read up

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

Open

      itRenders('className prop with string value', async render => {
        const e = await render(<div className="myClassName" />);
        expect(e.getAttribute('class')).toBe('myClassName');
      });

• Read up
  Read up

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

Open

      itRenders('htmlFor with an empty string', async render => {
        const e = await render(<div htmlFor="" />);
        expect(e.getAttribute('for')).toBe('');
      });

• Read up
  Read up

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

Open

      itRenders('unknown attributes', async render => {
        const e = await render(<div foo="bar" />);
        expect(e.getAttribute('foo')).toBe('bar');
      });

• Read up
  Read up

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

Open

      itRenders('no key attribute', async render => {
        const e = await render(<div key="foo" />);
        expect(e.getAttribute('key')).toBe(null);
      });

• Read up
  Read up

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

Open

      itRenders('boolean prop with "" value', async render => {
        const e = await render(<div hidden="" />);
        expect(e.getAttribute('hidden')).toBe(null);
      });

• Read up
  Read up

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

Open

      itRenders(
        'className prop when given a badly cased alias',
        async render => {
          const e = await render(<div cLASs="test" />, 1);
          expect(e.className).toBe('test');

• Read up
  Read up

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

Open

      itRenders(
        'className prop when given the alias with a warning',
        async render => {
          const e = await render(<div class="test" />, 1);
          expect(e.className).toBe('test');

• Read up
  Read up