@salesforce/design-system-react/module/components/spinner/__tests__/spinner.browser-test.js

Salesforce Lightning Design System for React

import React from 'react';
import ReactDOM from 'react-dom';
import chai from 'chai';
import Spinner from '../../spinner';
chai.should();
describe('Spinner: ', function () {
  // Setup and takedown
  var renderSpinner = function renderSpinner(instance) {
    return function () {
      this.dom = document.createElement('div');
      document.body.appendChild(this.dom); // eslint-disable-next-line react/no-render-return-value

      this.component = ReactDOM.render(instance, this.dom); // deepscan-disable-line REACT_ASYNC_RENDER_RETURN_VALUE
    };
  };

  function removeSpinner() {
    ReactDOM.unmountComponentAtNode(this.dom);
    document.body.removeChild(this.dom);
  }

  var getSpinner = function getSpinner(dom) {
    return dom.querySelector('.slds-spinner');
  }; // Tests


  describe('Default spinner renders properly', function () {
    before(renderSpinner( /*#__PURE__*/React.createElement(Spinner, null)));
    after(removeSpinner);
    it('Spinner exists', function () {
      var spinner = getSpinner(this.dom);
      spinner.should.not.be.undefined;
    });
    it('renders default classes when no props passed in', function () {
      var spinner = getSpinner(this.dom);
      spinner.className.should.equal('slds-spinner slds-spinner_medium');
    });
  });
  describe('Props render proper css classes', function () {
    beforeEach(renderSpinner( /*#__PURE__*/React.createElement(Spinner, {
      size: "small",
      variant: "brand",
      isDelayed: true
    })));
    afterEach(removeSpinner);
    it('renders correct classes when props passed in', function () {
      var spinner = getSpinner(this.dom);
      spinner.className.should.include('slds-spinner_brand slds-spinner_delayed slds-spinner_small');
    });
  });
});
//# sourceMappingURL=spinner.browser-test.js.map