Merge pull request #443 from thatblindgeye/iss432

fix(QuickStartTile): updated class application for active tile

Author: nicolethoen

packages/module/src/catalog/QuickStartTile.tsx

@@ -132,18 +132,14 @@ const QuickStartTile: FC<QuickStartTileProps> = ({
     />
   ) : undefined;
 
+  const cardClasses = `pfext-catalog-item${isActive ? ' pf-m-current' : ''}`;
+
   return (
     <Card
       id={`${id}-catalog-tile`}
       style={{ height: '100%' }}
       data-testid={`qs-card-${camelize(displayName)}`}
-      className="pfext-catalog-item"
-      {...(isActive && {
-        isClickable: true,
-        isSelectable: true,
-        isSelected: true,
-        isClicked: true,
-      })}
+      className={cardClasses}
     >
       <CardHeader
         {...(action && {

packages/module/src/catalog/__tests__/QuickStartTile.spec.tsx

@@ -18,6 +18,7 @@ describe('QuickStartTile', () => {
     );
     const catalogTile = wrapper.find(Card);
     expect(catalogTile.exists()).toBeTruthy();
+    expect(catalogTile.hasClass('pf-m-current')).toBe(false);
   });
 
   it('should load proper catalog tile with featured property', () => {
@@ -31,6 +32,6 @@ describe('QuickStartTile', () => {
     );
     const catalogTile = wrapper.find(Card);
     expect(catalogTile.exists()).toBeTruthy();
-    expect(catalogTile.prop('isSelected')).toBe(true);
+    expect(catalogTile.hasClass('pf-m-current')).toBe(true);
   });
 });