@mnmtanish/react-split-pane/test/default-split-pane-tests.js

React split-pane component

import React from 'react';
import SplitPane from '../lib/SplitPane';
import Resizer from '../lib/Resizer';
import asserter from './assertions/Asserter';
import chai from 'chai';
import spies from 'chai-spies';

chai.use(spies);

describe('Default SplitPane', function () {

    const splitPane = (
        <SplitPane>
            <div>one</div>
            <div>two</div>
        </SplitPane>
    );


    it('should render the child panes', function () {
         asserter(splitPane).assertPaneContents(['one', 'two']);
    });

    it('should have vertical orientation', function () {
         asserter(splitPane).assertOrientation('vertical');
    });

    it('should contain a Resizer', function () {
         asserter(splitPane).assertContainsResizer();
    });

});


describe('SplitPane can have a specific class', function () {

    const splitPane = (
        <SplitPane className="some-class">
            <div>one</div>
            <div>two</div>
        </SplitPane>
    );


    it('should have the specified class', function () {
        asserter(splitPane).assertSplitPaneClass('some-class');
    });

});


describe('SplitPane can have resizing callbacks', function () {
    const onDragStartedCallback = chai.spy(function() { });
    const onDragFinishedCallback = chai.spy(function() { });

    const splitPane = (
        <SplitPane className="some-class"
          onDragStarted = { onDragStartedCallback }
          onDragFinished = { onDragFinishedCallback }
        >
            <div>one</div>
            <div>two</div>
        </SplitPane>
    );


    it('should call callbacks on resizing', function () {
        asserter(splitPane).assertResizeCallbacks(
          onDragStartedCallback,
          onDragFinishedCallback
        );
    });

});


describe('Internal Panes have class', function () {

    const splitPane = (
        <SplitPane className="some-class">
            <div>one</div>
            <div>two</div>
        </SplitPane>
    );


    it('should have the specified classname', function () {
        asserter(splitPane).assertPaneClasses('Pane1', 'Pane2');
    });

});