add hasClass

Author: stoeffel

README.markdown

@@ -13,13 +13,15 @@
 var addClass = require('fd-class').addClass;
 var removeClass = require('fd-class').removeClass;
 var toggleClass = require('fd-class').toggleClass;
+var hasClass = require('fd-class').hasClass;
 
 var select = require('fd-select').select;
 var always = require('fj-always');
 
 addClass(always('blue'), select('li')); // adds the class "blue" to all the li
 removeClass(always('blue'), select('li')); // removes the class "blue" to all the li
 toggleClass(always('blue'), select('li')); // toggles the class "blue" to all the li
+hasClass(always('foo'), select('.item')); // returns true if all ".item" contain the class "foo"
 
 var hide = addClass(always('hide'));
 

index.es6

@@ -12,6 +12,11 @@ function _toggleClass(getClass, elements) {
   return elements.map((element, idx) => element.classList.toggle(getClass(idx)));
 }
 
+function _hasClass(getClass, elements) {
+  return elements.every((element, idx) => element.classList.contains(getClass(idx)));
+}
+
 export let addClass = curry2(_addClass);
 export let removeClass = curry2(_removeClass);
 export let toggleClass = curry2(_toggleClass);
+export let hasClass = curry2(_hasClass);

index.js

@@ -21,7 +21,14 @@ function _toggleClass(getClass, elements) {
   });
 }
 
+function _hasClass(getClass, elements) {
+  return elements.every(function (element, idx) {
+    return element.classList.contains(getClass(idx));
+  });
+}
+
 var addClass = exports.addClass = curry2(_addClass);
 var removeClass = exports.removeClass = curry2(_removeClass);
 var toggleClass = exports.toggleClass = curry2(_toggleClass);
+var hasClass = exports.hasClass = curry2(_hasClass);
 exports.__esModule = true;

test.es6

@@ -2,14 +2,14 @@ import assert from 'assert';
 import always from 'fj-always';
 import { select, selectOne } from 'fd-select';
 
-import { addClass, removeClass, toggleClass } from './';
+import { addClass, removeClass, toggleClass, hasClass } from './';
 
 
 describe('fd-class', () => {
   const HTML =  `
     <ul data-foo="bar" class="fruits">
-    <li class="fruit yummie tastie">apple</li>
-    <li class="fruit yummie tastie">orange</li>
+    <li class="fruit yummie tastie red">apple</li>
+    <li class="fruit yummie tastie red">orange</li>
     <li class="fruit yummie tastie">plum</li>
     </ul>
   `;
@@ -73,6 +73,11 @@ describe('fd-class', () => {
     assert(!lis[2].classList.contains('blue'));
   });
 
+  it('#hasClass', () => {
+    assert(hasClass(always('fruit'))(lis));
+    assert(!hasClass(always('red'))(lis));
+  });
+
   it('#getClass should get the index of the element', () => {
     function rowClass(idx) {
       return 'row-' + idx;

test.js

@@ -15,11 +15,12 @@ var _ = require("./");
 var addClass = _.addClass;
 var removeClass = _.removeClass;
 var toggleClass = _.toggleClass;
+var hasClass = _.hasClass;
 
 
 
 describe("fd-class", function () {
-  var HTML = "\n    <ul data-foo=\"bar\" class=\"fruits\">\n    <li class=\"fruit yummie tastie\">apple</li>\n    <li class=\"fruit yummie tastie\">orange</li>\n    <li class=\"fruit yummie tastie\">plum</li>\n    </ul>\n  ";
+  var HTML = "\n    <ul data-foo=\"bar\" class=\"fruits\">\n    <li class=\"fruit yummie tastie red\">apple</li>\n    <li class=\"fruit yummie tastie red\">orange</li>\n    <li class=\"fruit yummie tastie\">plum</li>\n    </ul>\n  ";
   var fixture = undefined,
       lis = undefined,
       li = undefined;
@@ -82,6 +83,11 @@ describe("fd-class", function () {
     assert(!lis[2].classList.contains("blue"));
   });
 
+  it("#hasClass", function () {
+    assert(hasClass(always("fruit"))(lis));
+    assert(!hasClass(always("red"))(lis));
+  });
+
   it("#getClass should get the index of the element", function () {
     function rowClass(idx) {
       return "row-" + idx;