Add more tests

Author: donnieberg

components/SLDSTooltip/index.jsx

@@ -132,7 +132,7 @@ module.exports = React.createClass( {
           verticalAlign={this.getVerticalAlign()}
           flippable={false}
           onClose={this.handleCancel}>
-          <div className={cx(style)}>
+          <div className={cx(style)} role="tooltip">
             {this.getTooltipContent()}
           </div>
         </SLDSPopover>:null;

tests/SLDSTooltip/tooltip.test.jsx

@@ -17,6 +17,34 @@ describe('SLDSTooltip: ',  function(){
   });
 
   describe('component basic props render', function() {
+    it('renders tooltip trigger text', function() {
+      let triggerText = 'Click here for tooltip';
+      let tooltip = generateTooltip(<SLDSTooltip align='left' content='This is more info. blah blah.' openOn='click'>{triggerText}</SLDSTooltip>);
+      let tooltipTrigger = tooltip.innerText;
+      expect(tooltipTrigger).to.equal(triggerText);
+    });
+
+    it('aligns', function() {
+      let popoverText = 'This is more info. blah blah.';
+      let tooltip = generateTooltip(<SLDSTooltip align='right' content={popoverText} openOn='click'>Click Me</SLDSTooltip>);
+      TestUtils.Simulate.click(tooltip);
+      let reactId = tooltip.getElementsByTagName('noscript')[0].getAttribute("data-reactid");
+      expect(reactId).to.equal('.x.$right middle');
+    });
+  });
+
+  describe('functionality works', function() {
+    it("renders popover onHover with onOpen prop === 'hover'", function() {
+      let tooltip = generateTooltip(<SLDSTooltip align='right' content={popoverText} openOn='hover'>Click Me</SLDSTooltip>);
+      TestUtils.Simulate.hover(tooltip);
+    });
+
+    it("renders popover onClick with onOpen prop === 'click'", function() {
+      let tooltip = generateTooltip(<SLDSTooltip align='right' content={popoverText} openOn='click'>Click Me</SLDSTooltip>);
+      TestUtils.Simulate.click(tooltip);
+    });
+
   });
 
+
 });