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`}
/>
-