Updated dropdown button size and style classes and fixed tests

Said Shah · Said Shah · commit c50e38262d5c · 2020-11-04T16:14:26.000-05:00
diff --git a/src/molecules/dropdown-button/dropdown-button.test.tsx b/src/molecules/dropdown-button/dropdown-button.test.tsx
@@ -56,7 +56,7 @@ describe("DropdownButton", () => {
                 size={testButtonSize}
             />
         );
-        const result = container.getElementsByClassName(testButtonSize);
+        const result = container.getElementsByClassName(`-${testButtonSize}`);
 
         // Assert
         expect(result).toHaveLength(1);
@@ -75,7 +75,7 @@ describe("DropdownButton", () => {
                 style={testButtonStyle}
             />
         );
-        const result = container.getElementsByClassName(testButtonStyle);
+        const result = container.getElementsByClassName(`-${testButtonStyle}`);
 
         // Assert
         expect(result).toHaveLength(1);
diff --git a/src/molecules/dropdown-button/dropdown-button.tsx b/src/molecules/dropdown-button/dropdown-button.tsx
@@ -50,11 +50,11 @@ const DropdownButton: React.FC<DropdownButtonProps> = (
     }
 
     if (size != null) {
-        classNames.push(size);
+        classNames.push(`-${size}`);
     }
 
     if (style != null) {
-        classNames.push(style);
+        classNames.push(`-${style}`);
     }
 
     return (

Original file line number	Diff line number	Diff line change
`@@ -50,11 +50,11 @@ const DropdownButton: React.FC<DropdownButtonProps> = (`
`50`	`50`	`}`
`51`	`51`
`52`	`52`	`if (size != null) {`
`53`		`- classNames.push(size);`
	`53`	+ classNames.push(`-${size}`);
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`if (style != null) {`
`57`		`- classNames.push(style);`
	`57`	+ classNames.push(`-${style}`);
`58`	`58`	`}`
`59`	`59`
`60`	`60`	`return (`