diff --git a/package.json b/package.json index 7bb59feb..4f705571 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@sofarsounds/maestro", - "version": "5.0.1", + "version": "5.0.2", "description": "The official sofar sounds react uikit library", "main": "dist/index.js", "scripts": { diff --git a/src/molecules/Select/Input.test.tsx b/src/molecules/Select/Input.test.tsx index 70fbd7a2..4852ba83 100644 --- a/src/molecules/Select/Input.test.tsx +++ b/src/molecules/Select/Input.test.tsx @@ -25,7 +25,9 @@ const setup = ( describe('Select ', () => { it('it renders correctly', () => { - expect(setup()).toMatchSnapshot(); + expect( + setup(false, 'I am a placeholder', false, 'testDataId') + ).toMatchSnapshot(); }); it('it has the correct style properties when isOpen is false', () => { @@ -56,10 +58,14 @@ describe('Select ', () => { expect(placeholder).toBe('I am a placeholder'); }); - it('it adds a data-qaid', () => { + it('it adds a data-qaid on the InputWrapper, InputStyle, and Button', () => { let wrapper = setup(true, 'cat', true, 'testDataId'); - let qaid = wrapper.find('Input').props()['data-qaid']; - expect(qaid).toBe('testDataId'); + let wrapperQaid = wrapper.find('Input').props()['data-qaid']; + expect(wrapperQaid).toBe('testDataId'); + let inputQaid = wrapper.find('input').props()['data-qaid']; + expect(inputQaid).toBe('testDataId-input'); + let buttonQaid = wrapper.find('button').props()['data-qaid']; + expect(buttonQaid).toBe('testDataId-toggle'); }); it('it handles no data-qaid', () => { diff --git a/src/molecules/Select/Input.tsx b/src/molecules/Select/Input.tsx index 3d6ea30c..46c4b704 100644 --- a/src/molecules/Select/Input.tsx +++ b/src/molecules/Select/Input.tsx @@ -119,8 +119,9 @@ const Input: React.SFC = ({ isOpen={isOpen} placeholder={placeholder} name={name} + data-qaid={`${qaId}-input`} /> - diff --git a/src/molecules/Select/Select.test.tsx b/src/molecules/Select/Select.test.tsx index a50217bd..ab588c07 100644 --- a/src/molecules/Select/Select.test.tsx +++ b/src/molecules/Select/Select.test.tsx @@ -17,7 +17,11 @@ const setup = () =>
I am a idiot
- {({ optionClick }: any) => citiesData.map((cityData, index) => (