Merge 4d1e8eb into 3162a51

src/index.js

@@ -724,6 +724,26 @@ module.exports = {
         })
     );
 
+    expect.exportAssertion(
+      '<DOMElement> not to have (class|classes) <array|string>',
+      (expect, subject, value) => {
+        return expect(subject, 'to have attributes', {
+          class: expect.it(className => {
+            const actualClasses = getClassNamesFromAttributeValue(className);
+            let expectedClasses;
+            if (typeof value === 'string') {
+              expectedClasses = getClassNamesFromAttributeValue(value);
+            } else {
+              expectedClasses = value;
+            }
+            return bubbleError(() =>
+              expect(actualClasses, 'not to contain', ...expectedClasses)
+            );
+          })
+        });
+      }
+    );
+
     expect.exportAssertion(
       '<DOMTextNode> to [exhaustively] satisfy <DOMTextNode>',
       (expect, subject, value) =>

test/index.spec.js

@@ -446,6 +446,44 @@ describe('unexpected-dom', () => {
       });
     });
 
+    describe('with the "not" flag', () => {
+      describe('with a single class passed as a string', () => {
+        it('should succeed', () => {
+          body.innerHTML =
+            '<button disabled class="bar" id="foo" data-info="baz">Press me</button>';
+          expect(body.firstChild, 'not to have class', 'foo');
+        });
+
+        it('should fail with a diff', () => {
+          body.innerHTML =
+            '<button disabled class="bar quux" id="foo" data-info="baz">Press me</button>';
+          expect(
+            () => {
+              expect(body.firstChild, 'not to have class', 'quux');
+            },
+            'to throw',
+            'expected\n' +
+              '<button disabled class="bar quux" id="foo" data-info="baz">\n' +
+              '  Press me\n' +
+              '</button>\n' +
+              "not to have class 'quux'\n" +
+              '\n' +
+              '<button\n' +
+              '  disabled\n' +
+              "  class=\"bar quux\" // expected [ 'bar', 'quux' ] not to contain 'quux'\n" +
+              '                   //\n' +
+              '                   // [\n' +
+              "                   //   'bar',\n" +
+              "                   //   'quux' // should be removed\n" +
+              '                   // ]\n' +
+              '  id="foo"\n' +
+              '  data-info="baz"\n' +
+              '>Press me</button>'
+          );
+        });
+      });
+    });
+
     describe('with the "only" flag', () => {
       describe('with a single class passed as a string', () => {
         it('should succeed', () => {