Updated prop in tests and demo

Author: thatblindgeye

packages/react-core/src/components/Button/__tests__/Button.test.tsx

@@ -556,12 +556,12 @@ describe('Favorite button', () => {
 });
 
 describe('Dock variant', () => {
-  test(`Renders with class ${styles.modifiers.dock} when isDock = true`, () => {
-    render(<Button isDock>Dock Button</Button>);
+  test(`Renders with class ${styles.modifiers.dock} when isDocked = true`, () => {
+    render(<Button isDocked>Dock Button</Button>);
     expect(screen.getByRole('button')).toHaveClass(styles.modifiers.dock);
   });
 
-  test(`Does not render with class ${styles.modifiers.dock} when isDock is not passed`, () => {
+  test(`Does not render with class ${styles.modifiers.dock} when isDocked is not passed`, () => {
     render(<Button>Button</Button>);
     expect(screen.getByRole('button')).not.toHaveClass(styles.modifiers.dock);
   });
@@ -575,6 +575,17 @@ describe('Dock variant', () => {
     render(<Button>Button</Button>);
     expect(screen.getByRole('button')).not.toHaveClass(styles.modifiers.textExpanded);
   });
+
+  test(`Renders with both ${styles.modifiers.dock} and ${styles.modifiers.textExpanded} when both props are true`, () => {
+    render(
+      <Button isDocked isTextExpanded>
+        Dock Text Expanded Button
+      </Button>
+    );
+    const button = screen.getByRole('button');
+    expect(button).toHaveClass(styles.modifiers.dock);
+    expect(button).toHaveClass(styles.modifiers.textExpanded);
+  });
 });
 
 test(`Renders basic button`, () => {

packages/react-core/src/components/MenuToggle/__tests__/MenuToggle.test.tsx

@@ -139,12 +139,12 @@ test('Does not render custom icon when icon prop and isSettings are passed', ()
   expect(screen.queryByText('Custom icon')).not.toBeInTheDocument();
 });
 
-test(`Renders with class ${styles.modifiers.dock} when isDock is passed`, () => {
-  render(<MenuToggle isDock>Dock Toggle</MenuToggle>);
+test(`Renders with class ${styles.modifiers.dock} when isDocked is passed`, () => {
+  render(<MenuToggle isDocked>Dock Toggle</MenuToggle>);
   expect(screen.getByRole('button')).toHaveClass(styles.modifiers.dock);
 });
 
-test(`Does not render with class ${styles.modifiers.dock} when isDock is not passed`, () => {
+test(`Does not render with class ${styles.modifiers.dock} when isDocked is not passed`, () => {
   render(<MenuToggle>Toggle</MenuToggle>);
   expect(screen.getByRole('button')).not.toHaveClass(styles.modifiers.dock);
 });
@@ -158,3 +158,14 @@ test(`Does not render with class ${styles.modifiers.textExpanded} when isTextExp
   render(<MenuToggle>Toggle</MenuToggle>);
   expect(screen.getByRole('button')).not.toHaveClass(styles.modifiers.textExpanded);
 });
+
+test(`Renders with both ${styles.modifiers.dock} and ${styles.modifiers.textExpanded} when both props are passed`, () => {
+  render(
+    <MenuToggle isDocked isTextExpanded>
+      Dock Text Expanded Toggle
+    </MenuToggle>
+  );
+  const button = screen.getByRole('button');
+  expect(button).toHaveClass(styles.modifiers.dock);
+  expect(button).toHaveClass(styles.modifiers.textExpanded);
+});

packages/react-core/src/demos/examples/Page/PageDockedNav.tsx

@@ -324,7 +324,7 @@ export const PageDockedNav: React.FunctionComponent = () => {
                     ref={appsRef}
                     variant="plain"
                     icon={<ThIcon />}
-                    isDock
+                    isDocked
                     isTextExpanded={isDockTextExpanded}
                     aria-label="Applications"
                   >
@@ -336,7 +336,7 @@ export const PageDockedNav: React.FunctionComponent = () => {
                       ref={appsRef}
                       variant="plain"
                       icon={<ThIcon />}
-                      isDock
+                      isDocked
                       isTextExpanded={isDockTextExpanded}
                       aria-label="Applications"
                     >
@@ -352,7 +352,7 @@ export const PageDockedNav: React.FunctionComponent = () => {
                     aria-label="Settings"
                     isSettings
                     variant="plain"
-                    isDock
+                    isDocked
                     isTextExpanded={isDockTextExpanded}
                   >
                     Settings
@@ -364,7 +364,7 @@ export const PageDockedNav: React.FunctionComponent = () => {
                       aria-label="Settings"
                       isSettings
                       variant="plain"
-                      isDock
+                      isDocked
                       isTextExpanded={isDockTextExpanded}
                     >
                       Settings
@@ -378,7 +378,7 @@ export const PageDockedNav: React.FunctionComponent = () => {
                     ref={helpRef}
                     variant="plain"
                     icon={<QuestionCircleIcon />}
-                    isDock
+                    isDocked
                     isTextExpanded={isDockTextExpanded}
                     aria-label="Help"
                   >
@@ -390,7 +390,7 @@ export const PageDockedNav: React.FunctionComponent = () => {
                       ref={helpRef}
                       variant="plain"
                       icon={<QuestionCircleIcon />}
-                      isDock
+                      isDocked
                       isTextExpanded={isDockTextExpanded}
                       aria-label="Help"
                     >