Updated Component Unit Tests ( and removed ui- prefix from classnames ).

holidayextras · Jun 2, 2015 · 2d92d92 · 2d92d92
1 parent 1ff0253
commit 2d92d92
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 11 deletions.
diff --git a/src/components/credit-card-number/__tests__/creditcard-test.js b/src/components/credit-card-number/__tests__/creditcard-test.js
@@ -1,24 +1,27 @@
 /** @jsx React.DOM */
 
-jest.dontMock('../code/views/creditCardNumberView.jsx');
-
-var React = require('react/addons');
 var CreditCardNumberComponent = require('../code/views/creditCardNumberView.jsx');
-var TestUtils = React.addons.TestUtils;
 
 describe('CreditCardNumberComponent', function() {
 
-  it('is an element', function() {
-    expect(TestUtils.isElement(<CreditCardNumberComponent />)).toBeTruthy();
+  it('should render a credit card number input', function() {
+    var creditCardNumberInput = TestUtils.renderIntoDocument(
+      <CreditCardNumberComponent />
+    );
+
+    var renderedCreditCardNumberInput = TestUtils.findRenderedDOMComponentWithClass(creditCardNumberInput, 'component-credit-card-number');
+    assert.isDefined(renderedCreditCardNumberInput);
+
   });
 
   it('should render a label', function() {
-    var labelCheck = TestUtils.renderIntoDocument(
+    var creditCardNumberInput = TestUtils.renderIntoDocument(
       <CreditCardNumberComponent label="Credit Card: " />
     );
 
-    var renderedLabel = TestUtils.findRenderedDOMComponentWithClass(labelCheck, 'credit-card-number-label');
-    expect(renderedLabel).toBeDefined();
+    var renderedCreditCardLabel = TestUtils.findRenderedDOMComponentWithClass(creditCardNumberInput, 'credit-card-number-label');
+    assert.isDefined(renderedCreditCardLabel);
+
   });
 
   it('should render credit card images', function() {
@@ -27,7 +30,7 @@ describe('CreditCardNumberComponent', function() {
     );
 
     var renderedImages = TestUtils.findRenderedDOMComponentWithClass(imagesCheck, 'credit-card-images');
-    expect(renderedImages).toBeDefined();
+    assert.isDefined(renderedImages);
   });
 
 });
diff --git a/src/components/credit-card-number/code/templates/creditCardNumberTemplate.jsx b/src/components/credit-card-number/code/templates/creditCardNumberTemplate.jsx
@@ -30,7 +30,7 @@ module.exports = function(component) {
   }
 
   return (
-    <div className="ui-component-credit-card-number">
+    <div className="component-credit-card-number">
       {images}
       <div className="credit-card-number">
         {label}