classes.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. 'use strict';
  2. var test = require('tape');
  3. var classes = require('../classes');
  4. test('classes exports the expected api', function (t) {
  5. t.equal(typeof classes.add, 'function', 'classes.add is a method');
  6. t.equal(typeof classes.rm, 'function', 'classes.rm is a method');
  7. t.end();
  8. });
  9. test('classes can add a class', function (t) {
  10. var el = document.createElement('div');
  11. classes.add(el, 'gu-foo');
  12. t.equal(el.className, 'gu-foo', 'setting a class works');
  13. t.end();
  14. });
  15. test('classes can add a class to an element that already has classes', function (t) {
  16. var el = document.createElement('div');
  17. el.className = 'bar';
  18. classes.add(el, 'gu-foo');
  19. t.equal(el.className, 'bar gu-foo', 'appending a class works');
  20. t.end();
  21. });
  22. test('classes.add is a no-op if class already is in element', function (t) {
  23. var el = document.createElement('div');
  24. el.className = 'gu-foo';
  25. classes.add(el, 'gu-foo');
  26. t.equal(el.className, 'gu-foo', 'no-op as expected');
  27. t.end();
  28. });
  29. test('classes can remove a class', function (t) {
  30. var el = document.createElement('div');
  31. el.className = 'gu-foo';
  32. classes.rm(el, 'gu-foo');
  33. t.equal(el.className, '', 'removing a class works');
  34. t.end();
  35. });
  36. test('classes can remove a class from a list on the right', function (t) {
  37. var el = document.createElement('div');
  38. el.className = 'bar gu-foo';
  39. classes.rm(el, 'gu-foo');
  40. t.equal(el.className, 'bar', 'removing a class from the list works to the right');
  41. t.end();
  42. });
  43. test('classes can remove a class from a list on the left', function (t) {
  44. var el = document.createElement('div');
  45. el.className = 'gu-foo bar';
  46. classes.rm(el, 'gu-foo');
  47. t.equal(el.className, 'bar', 'removing a class from the list works to the left');
  48. t.end();
  49. });
  50. test('classes can remove a class from a list on the middle', function (t) {
  51. var el = document.createElement('div');
  52. el.className = 'foo gu-foo bar';
  53. classes.rm(el, 'gu-foo');
  54. t.equal(el.className, 'foo bar', 'removing a class from the list works to the middle');
  55. t.end();
  56. });