set aria-disabled attribute when day is disabled (Hacker0x01#1880)

avinet · Aug 29, 2019 · 73fbd48 · 73fbd48
1 parent de392f6
commit 73fbd48
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/day.jsx b/src/day.jsx
@@ -205,6 +205,7 @@ export default class Day extends React.Component {
         onMouseEnter={this.handleMouseEnter}
         aria-label={`day-${getDate(this.props.day)}`}
         role="option"
+        aria-disabled={this.isDisabled()}
       >
         {this.props.renderDayContents
           ? this.props.renderDayContents(

diff --git a/test/day_test.js b/test/day_test.js
@@ -494,6 +494,17 @@ describe("Day", () => {
       const shallowDay = renderDay(day, { excludeDates: [day] });
       expect(shallowDay.hasClass(className)).to.equal(true);
     });
+
+    it("should have aria-disabled attribute with true value if date is disabled", () => {
+      const day = newDate();
+      const shallowDay = renderDay(day, { excludeDates: [day] });
+      expect(shallowDay.prop("aria-disabled")).to.equal(true);
+    });
+
+    it("should have aria-disabled attribute with false value if date is not disabled", () => {
+      const shallowDay = renderDay(newDate());
+      expect(shallowDay.prop("aria-disabled")).to.equal(false);
+    });
   });
 
   describe("click", () => {