or.jsx

import { expect } from 'chai';
import {
  arrayOf,
  bool,
  number,
  string,
} from 'prop-types';
import React from 'react';

import { or, explicitNull } from '..';

import callValidator from './_callValidator';

describe('or', () => {
  it('returns a function', () => {
    expect(typeof or([string, bool])).to.equal('function');
  });

  it('throws if given a non-array', () => {
    expect(() => or()).to.throw(TypeError);
    expect(() => or(null)).to.throw(TypeError);
    expect(() => or(undefined)).to.throw(TypeError);
    expect(() => or({})).to.throw(TypeError);
  });

  it('throws if given an array of zero or one items', () => {
    expect(() => or([])).to.throw(RangeError);
    expect(() => or([string])).to.throw(RangeError);
  });

  function assertPasses(validator, element, propName) {
    expect(callValidator(validator, element, propName, '"or" test')).to.equal(null);
  }

  function assertFails(validator, element, propName) {
    expect(callValidator(validator, element, propName, '"or" test')).to.be.instanceOf(Error);
  }

  it('allows composing propTypes', () => {
    const validator = or([bool, number, arrayOf(string)]);

    assertPasses(validator, (<div a />), 'a');
    assertPasses(validator, (<div a={1} />), 'a');
    assertPasses(validator, (<div a={[]} />), 'a');
    assertPasses(validator, (<div a={['b', 'c']} />), 'a');
    assertFails(validator, (<div a={['b', 1]} />), 'a');
    assertFails(validator, (<div a="b" />), 'a');

    assertPasses(validator.isRequired, (<div a />), 'a');
    assertPasses(validator.isRequired, (<div a={1} />), 'a');
    assertPasses(validator.isRequired, (<div a={[]} />), 'a');
    assertPasses(validator.isRequired, (<div a={['b', 'c']} />), 'a');
    assertFails(validator.isRequired, (<div a={['b', 1]} />), 'a');
    assertFails(validator.isRequired, (<div a="b" />), 'a');

    assertFails(validator.isRequired, (<div />), 'a');
  });

  describe('works with explicitNull', () => {
    it('works when outer and inner are optional', () => {
      assertPasses(or([bool.isRequired, explicitNull()]), (<div a />), 'a');
      assertPasses(or([explicitNull(), bool.isRequired]), (<div a />), 'a');
      assertPasses(or([bool.isRequired, explicitNull()]), (<div a={false} />), 'a');
      assertPasses(or([explicitNull(), bool.isRequired]), (<div a={false} />), 'a');

      assertPasses(or([bool.isRequired, explicitNull()]), (<div a={null} />), 'a');
      assertPasses(or([explicitNull(), bool.isRequired]), (<div a={null} />), 'a');

      assertPasses(or([bool.isRequired, explicitNull()]), (<div />), 'a');
      assertPasses(or([explicitNull(), bool.isRequired]), (<div />), 'a');
      assertPasses(or([bool.isRequired, explicitNull()]), (<div a={undefined} />), 'a');
      assertPasses(or([explicitNull(), bool.isRequired]), (<div a={undefined} />), 'a');
    });

    it('works when outer is optional, inner is required', () => {
      assertPasses(or([bool.isRequired, explicitNull().isRequired]), (<div a />), 'a');
      assertPasses(or([explicitNull().isRequired, bool.isRequired]), (<div a />), 'a');
      assertPasses(or([bool.isRequired, explicitNull().isRequired]), (<div a={false} />), 'a');
      assertPasses(or([explicitNull().isRequired, bool.isRequired]), (<div a={false} />), 'a');

      assertPasses(or([bool.isRequired, explicitNull().isRequired]), (<div a={null} />), 'a');
      assertPasses(or([explicitNull().isRequired, bool.isRequired]), (<div a={null} />), 'a');

      assertPasses(or([bool.isRequired, explicitNull().isRequired]), (<div />), 'a');
      assertPasses(or([explicitNull().isRequired, bool.isRequired]), (<div />), 'a');
      assertPasses(or([bool.isRequired, explicitNull().isRequired]), (<div a={undefined} />), 'a');
      assertPasses(or([explicitNull().isRequired, bool.isRequired]), (<div a={undefined} />), 'a');
    });

    it('works when outer is required, inner is optional', () => {
      assertPasses(or([bool.isRequired, explicitNull()]).isRequired, (<div a />), 'a');
      assertPasses(or([explicitNull(), bool.isRequired]).isRequired, (<div a />), 'a');
      assertPasses(or([bool.isRequired, explicitNull()]).isRequired, (<div a={false} />), 'a');
      assertPasses(or([explicitNull(), bool.isRequired]).isRequired, (<div a={false} />), 'a');

      assertPasses(or([bool.isRequired, explicitNull()]).isRequired, (<div a={null} />), 'a');
      assertPasses(or([explicitNull(), bool.isRequired]).isRequired, (<div a={null} />), 'a');

      assertFails(or([bool.isRequired, explicitNull()]).isRequired, (<div />), 'a');
      assertFails(or([explicitNull(), bool.isRequired]).isRequired, (<div />), 'a');
      assertFails(or([bool.isRequired, explicitNull()]).isRequired, (<div a={undefined} />), 'a');
      assertFails(or([explicitNull(), bool.isRequired]).isRequired, (<div a={undefined} />), 'a');
    });

    it('works when outer is required, inner is required', () => {
      assertPasses(or([bool.isRequired, explicitNull().isRequired]).isRequired, (<div a />), 'a');
      assertPasses(or([explicitNull().isRequired, bool.isRequired]).isRequired, (<div a />), 'a');
      assertPasses(or([bool.isRequired, explicitNull().isRequired]).isRequired, (<div a={false} />), 'a');
      assertPasses(or([explicitNull().isRequired, bool.isRequired]).isRequired, (<div a={false} />), 'a');

      assertPasses(or([bool.isRequired, explicitNull().isRequired]).isRequired, (<div a={null} />), 'a');
      assertPasses(or([explicitNull().isRequired, bool.isRequired]).isRequired, (<div a={null} />), 'a');

      assertFails(or([bool.isRequired, explicitNull().isRequired]).isRequired, (<div />), 'a');
      assertFails(or([explicitNull().isRequired, bool.isRequired]).isRequired, (<div />), 'a');
      assertFails(or([bool.isRequired, explicitNull().isRequired]).isRequired, (<div a={undefined} />), 'a');
      assertFails(or([explicitNull().isRequired, bool.isRequired]).isRequired, (<div a={undefined} />), 'a');
    });
  });
});