Handle non string literal values for element attributes

CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/) a
 
 ## [Unreleased]
 
+### Changed
+
+- Handle non string literal role values and `role-has-required-aria-props` and non string literal value for `kind` attribute in `media-has-caption`.
+
 ## [0.5.1] - 2020-09-08
 
 ### Changed

src/rules/__tests__/role-has-required-aria-props.test.js

@@ -3,7 +3,9 @@ const makeRuleTester = require("./makeRuleTester");
 
 makeRuleTester("role-has-required-aria-props", rule, {
   valid: [
-    "<span role='checkbox' aria-checked='false' aria-labelledby='test' tabindex='0' />"
+    "<span role='checkbox' aria-checked='false' aria-labelledby='test' tabindex='0' />",
+    "<span :role='role' aria-checked='false' aria-labelledby='test' tabindex='0' />",
+    "<span :role='role' />"
   ],
   invalid: [
     {

src/rules/media-has-caption.js

@@ -10,7 +10,7 @@ const {
 
 const isCaptionsTrackElement = (node) => {
   const kind = getElementAttributeValue(node, "kind");
-  return kind && kind.toLowerCase() === "captions";
+  return kind && typeof kind === "string" && kind.toLowerCase() === "captions";
 };
 
 module.exports = {

src/rules/role-has-required-aria-props.js

@@ -28,7 +28,7 @@ module.exports = {
         }
 
         const roleValue = getElementAttributeValue(node, "role");
-        if (!roleValue) {
+        if (!roleValue || typeof roleValue !== "string") {
           return;
         }