Merge pull request #2938 from r0hit-gupta/msft33

MSFT-33

Author: sushilshinde

__tests__/shared/components/challenge-listing/Filters/__snapshots__/FiltersSwitch.jsx.snap

@@ -5,6 +5,8 @@ exports[`Matches shallow shapshot 1`] = `
   className="tc-outline-btn name src-shared-components-challenge-listing-Filters-FiltersSwitch-___style__FiltersSwitch___2ixiH"
   onClick={[Function]}
   onKeyPress={[Function]}
+  role="button"
+  tabIndex={0}
 >
   <FiltersIcon
     className="src-shared-components-challenge-listing-Filters-FiltersSwitch-___style__FiltersIcon___OqBJh"
@@ -22,6 +24,8 @@ exports[`Matches shallow shapshot 2`] = `
   className="tc-outline-btn name src-shared-components-challenge-listing-Filters-FiltersSwitch-___style__FiltersSwitch___2ixiH src-shared-components-challenge-listing-Filters-FiltersSwitch-___style__active___2wLTl"
   onClick={[Function]}
   onKeyPress={[Function]}
+  role="button"
+  tabIndex={0}
 >
   <FiltersIcon
     className="src-shared-components-challenge-listing-Filters-FiltersSwitch-___style__FiltersIcon___OqBJh"

src/shared/components/challenge-listing/Filters/FiltersSwitch/index.jsx

@@ -39,6 +39,8 @@ export default function FiltersSwitch({
   return (
     <div
       styleName={className}
+      tabIndex={0}
+      role="button"
       className={`tc-outline-btn ${propClassName || ''}`}
       onClick={() => (onSwitch ? onSwitch(!active) : null)}
       onKeyPress={() => (onSwitch ? onSwitch(!active) : null)}