// @flow
import React from 'react';
import { renderSnapshot, itIsAccessible } from '../../../../utils/tests';

import { Range } from '.';

const props = {
  label: 'Type something here',
  selectedScore: 1,
  permittedScores: [1, 2, 3],
  onRangeChange: jest.fn(),
};

describe('Range', () => {
  describe('Snapshots', () => {
    it('renders', () => {
      const range = renderSnapshot(<Range {...props} />);
      expect(range).toMatchSnapshot();
    });
  });

  describe.skip('accessibility', () => {
    // TODO: We shouldn't allow users to use this component with no labels
    itIsAccessible(<Range {...props} />);
  });
});
