it('init', () => {
expect(TestUtils.isCompositeComponent(boxgroup)).toBe(true);
expect(TestUtils.isCompositeComponent(component)).toBe(true);
expect(options.length).toBe(5);
expect(TestUtils.isDOMComponent(options[0])).toBe(true);
expect(boxgroup.getValue()).toEqual([]);
});
it('init', () => {
expect(TestUtils.isCompositeComponent(boxgroup)).toBe(true);
expect(TestUtils.isCompositeComponent(component)).toBe(true);
expect(options.length).toBe(5);
expect(TestUtils.isDOMComponent(options[0])).toBe(true);
expect(options[0].className).toInclude('state-checked');
expect(boxgroup.getValue()).toEqual(['1']);
});
it('work', done => {
const component = TestUtils.renderIntoDocument(
<Tree>
{Tree.createTreeNodes(datasource)}
</Tree>
);
expect(TestUtils.isCompositeComponent(component)).toBe(true);
const nodes = TestUtils.scryRenderedComponentsWithType(component, TreeNode);
expect(nodes.length).toBe(14);
expect(nodes[0].state.expand).toBe(false);
expect(nodes[0].props.children.length).toBe(3);
const label = TestUtils.scryRenderedDOMComponentsWithTag(nodes[0], 'span');
TestUtils.Simulate.click(label[0]);
TestUtils.Simulate.click(ReactDOM.findDOMNode(nodes[0]));
then(() => {
expect(ReactDOM.findDOMNode(nodes[0]).className).toMatch('state-selected');
expect(nodes[0].state.expand).toBe(true);
expect(label[0].className).toMatch('state-expand');
done();
});
});
it('displays the navigation menu with models active', function() {
var Navigation = require('../components/Navigation');
var IntlProvider = require('react-intl').IntlProvider;
var Messages = require('../components/messages').en;
var handleYesClick = jest.genMockFunction();
var handleNoClick = jest.genMockFunction();
// Render the component
var page = TestUtils.renderIntoDocument(
<IntlProvider locale="en" messages={Messages}>
<Navigation active={'models'} />
</IntlProvider>
);
expect(TestUtils.isCompositeComponent(page)).toBeTruthy();
// Check all the expected elements are rendered
var nav = TestUtils.findRenderedDOMComponentWithTag(page, 'nav');
var ul = TestUtils.findRenderedDOMComponentWithTag(page, 'ul');
expect(ul.children.length).toBe(2);
expect(ul.children[1].firstChild.textContent).toBe('Models');
expect(ul.children[1].firstChild.className).toBe('active');
expect(ul.children[0].firstChild.className).toBe('');
});
it('should exist', function() {
var elementRow = TestUtils.renderIntoDocument(
<ElementRow letter="A" turn="p1" onClick={''} additionalClassName={''} iconName="times" />
);
expect(TestUtils.isCompositeComponent(elementRow)).toBeTruthy();
});
it('Should exist as a React Component', () => {
const button1 = shallow(<Button>
Button
</Button>)
assert.ok(ReactTestUtils.isCompositeComponent(button1, Button))
// TODO the rest of components
})
it('adds the correct class', () => {
var essence = mocks_1.EssenceMock.wikiTotals();
var sortOn = new index_1.SortOn({ dimension: essence.dataCube.getDimension('articleName') });
var renderedComponent = TestUtils.renderIntoDocument(React.createElement(pinboard_measure_tile_1.PinboardMeasureTile, {essence: essence, title: "Pinboard", sortOn: sortOn, onSelect: null}));
chai_1.expect(TestUtils.isCompositeComponent(renderedComponent), 'should be composite').to.equal(true);
chai_1.expect(ReactDOM.findDOMNode(renderedComponent).className, 'should contain class').to.contain('pinboard-measure-tile');
});
it('adds the correct class', () => {
var openOn = document.createElement('div');
var dataCube = mocks_1.DataCubeMock.wiki();
var renderedComponent = TestUtils.renderIntoDocument(React.createElement(auto_refresh_menu_1.AutoRefreshMenu, {onClose: null, openOn: openOn, autoRefreshRate: null, setAutoRefreshRate: null, refreshMaxTime: null, dataCube: dataCube, timezone: dataCube.getDefaultTimezone()}));
chai_1.expect(TestUtils.isCompositeComponent(renderedComponent), 'should be composite').to.equal(true);
chai_1.expect(index_1.findDOMNode(renderedComponent).className, 'should contain class').to.contain('auto-refresh-menu');
});
it('work', done => {
const spy = jasmine.createSpy();
component = TestUtils.renderIntoDocument(<TestComponent onHide={spy} />);
const drawer = TestUtils.findRenderedComponentWithType(component, Drawer);
const masks = TestUtils.scryRenderedComponentsWithType(component, Mask);
const dWindow = TestUtils.findRenderedDOMComponentWithClass(component, 'ui-drawer-window');
expect(TestUtils.isCompositeComponent(drawer)).toBe(true);
expect(TestUtils.isDOMComponent(dWindow)).toBe(true);
expect(ReactDOM.findDOMNode(drawer).className).toBe('ui-drawer');
expect(masks.length).toBe(1);
component.setState({open: true});
then(() => {
expect(dWindow.style.opacity).toBe('1');
TestUtils.Simulate.click(ReactDOM.findDOMNode(masks[0]));
})
.then(() => {
expect(spy).toHaveBeenCalled();
expect(dWindow.style.opacity).toBe('1');
component.setState({open: false});
})
.then(() => {
expect(dWindow.style.opacity).toBe('0');
done();
});
});
it('displays the model edit page for an existing model', function() {
var ModelEdit = require('../components/ModelEdit');
var IntlProvider = require('react-intl').IntlProvider;
var Messages = require('../components/messages').en;
// Mock the data retrieval from the API
var getModel = jest.genMockFunction();
var getKeypairs = jest.genMockFunction();
var handleSaveClick = jest.genMockFunction();
ModelEdit.WrappedComponent.prototype.__reactAutoBindMap.getModel = getModel;
ModelEdit.WrappedComponent.prototype.__reactAutoBindMap.getKeypairs = getKeypairs;
ModelEdit.WrappedComponent.prototype.__reactAutoBindMap.handleSaveClick = handleSaveClick;
//var MODEL = {id: 1, 'brand-id': 'Brand1', model: 'Name1', revision: 11, 'authority-id': 'Brand1', 'key-id': 'Name1'};
// Render the component
var modelPage = TestUtils.renderIntoDocument(
<IntlProvider locale="en" messages={Messages}>
<ModelEdit params={{id: 1}} />
</IntlProvider>
);
expect(TestUtils.isCompositeComponent(modelPage)).toBeTruthy();
// Check the data retrieval calls
//expect(getModel.mock.calls.length).toBe(1);
expect(getKeypairs.mock.calls.length).toBe(1);
// Get the save link
var anchors = TestUtils.scryRenderedDOMComponentsWithTag(modelPage, 'a');
expect(anchors.length).toBe(4);
expect(anchors[2].textContent).toBe('Save');
TestUtils.Simulate.click(anchors[2]);
expect(handleSaveClick.mock.calls.length).toBe(1);
});
it('should exist', () => {
const stockList = TestUtils.renderIntoDocument(
<StockList />
);
expect(TestUtils.isCompositeComponent(stockList)).toBeTruthy();
expect(true).toBeTruthy();
});
it('should exist', () => {
const searchBar = TestUtils.renderIntoDocument(
<SearchBar />
);
expect(TestUtils.isCompositeComponent(searchBar)).toBeTruthy();
expect(true).toBeTruthy();
});
it('should render with an onclick function', function(){
let props = {
onClick: jest.genMockFn()
}
let upvoter = TestUtils.renderIntoDocument(<Upvoter {...props} />);
console.log("UP UP UPVOTER is", upvoter);
expect(TestUtils.isCompositeComponent(upvoter)).toBeTruthy();
});
it('should contain an upvote thumb', function(){
let props = {
onClick: jest.genMockFn()
}
let upvoter = TestUtils.renderIntoDocument(<Upvoter {...props} />);
expect(TestUtils.isCompositeComponent(upvoter)).toBeFalsy();
let node = TestUtils.findRenderedDOMComponentWithClass(upvoter, "fa-thumbs-o-up").getDOMNode();
console.log("ndoe is", node);
expect(node).toBeTruthy();
});
xit('should render with expected markup', () => {
expect(TestUtils.isCompositeComponent(loginInstance)).toBeTruthy();
let inputs = TestUtils.scryRenderedDOMComponentsWithTag(loginInstance, 'input');
expect(inputs.length).toBe(2);
expect(inputs[0].id).toBe('username');
expect(inputs[1].id).toBe('password');
let submitButton = TestUtils.findRenderedDOMComponentWithTag(loginInstance, 'button');
expect(submitButton.textContent).toBe('Log In');
expect(submitButton.type).toBe('submit');
});
it('init', () => {
expect(TestUtils.isCompositeComponent(textbox)).toBe(true);
expect(textbox.state).toInclude({
isFloating: true,
isFocus: false,
value: 'haha'
});
expect(textbox.getValue()).toBe('haha');
});
it('renders CalculatorComponent, check for two InputNumber component instances(child component)', function () {
var renderedTree = TestUtils.renderIntoDocument(<CalculatorComponent/>);
var renderedMyComponent1 = TestUtils.findRenderedDOMComponentWithClass(renderedTree, 'container text-center');
var renderedMyComponentInput = TestUtils.scryRenderedDOMComponentsWithTag(renderedTree, 'input');
expect(renderedTree).toExist();
expect(TestUtils.isDOMComponent(renderedMyComponent1)).toBe(true);
expect(TestUtils.isDOMComponent(renderedMyComponentInput)).toBe(false);
expect(renderedMyComponentInput.length).toEqual(2);
expect(TestUtils.isCompositeComponent(renderedMyComponent1)).toBe(false);
expect(renderedTree.state.num1).toEqual(0);
expect(renderedTree.state.num2).toEqual(0);
expect(renderedTree.state.result).toEqual(0);
});
it('displays the model edit page for create', function() {
var ModelEdit = require('../components/ModelEdit');
var IntlProvider = require('react-intl').IntlProvider;
var Messages = require('../components/messages').en;
// Mock the data retrieval from the API
var getModel = jest.genMockFunction();
var getKeypairs = jest.genMockFunction();
ModelEdit.WrappedComponent.prototype.__reactAutoBindMap.getModel = getModel;
ModelEdit.WrappedComponent.prototype.__reactAutoBindMap.getKeypairs = getKeypairs;
// Render the component
var modelPage = TestUtils.renderIntoDocument(
<IntlProvider locale="en" messages={Messages}>
<ModelEdit params={{}} />
</IntlProvider>
);
expect(TestUtils.isCompositeComponent(modelPage)).toBeTruthy();
// Check all the expected elements are rendered
var section = TestUtils.findRenderedDOMComponentWithTag(modelPage, 'section');
var h2 = TestUtils.findRenderedDOMComponentWithTag(modelPage, 'h2');
expect(h2.textContent).toBe('New Model');
var nav = TestUtils.findRenderedDOMComponentWithTag(modelPage, 'nav');
// Check that the navigation tag is set correctly
expect(nav.firstChild.children.length).toBe(2);
expect(nav.firstChild.children[1].firstChild.className).toBe('active');
expect(nav.firstChild.children[1].firstChild.textContent).toBe('Models');
// Check the data retrieval calls
expect(getModel.mock.calls.length).toBe(0);
expect(getKeypairs.mock.calls.length).toBe(1);
// Check that the form is rendered without data
var inputs = TestUtils.scryRenderedDOMComponentsWithTag(modelPage, 'input');
expect(inputs.length).toBe(3);
expect(inputs[0].value).toBe('');
expect(inputs[1].value).toBe('');
expect(inputs[2].value).toBe('');
});
it('should not display Term input if it closed',(done)=>{
const component = ReactTestUtils.renderIntoDocument(
// <SideMenu isOpen={false} onToggle={onClick} /> - does not work for stateless components
SideMenu({isOpen:false, onToggle:onClick})
);
expect(ReactTestUtils.isCompositeComponent(component)).to.be.true;
const icon = ReactTestUtils.findRenderedDOMComponentWithClass(component, 'searchIcon');
ReactTestUtils.Simulate.click(icon)
var inputs = ReactTestUtils.scryRenderedDOMComponentsWithClass(component, 'term');
expect(inputs[0]).to.be.undefined;
function onClick(){
done()
}
})
it("should render", () => {
expect(TestUtils.isCompositeComponent(formtextarea)).toBeTruthy()
})
afterEach(function() {
if (instance && ReactTestUtils.isCompositeComponent(instance) && instance.isMounted()) {
ReactDOM.unmountComponentAtNode(ReactDOM.findDOMNode(instance).parentNode);
}
});
it('should refuse to render without function', function(){
let upvoter = TestUtils.renderIntoDocument(<Upvoter />);
expect(TestUtils.isCompositeComponent(upvoter)).toBeFalsy();
});
it.skip('adds the correct class', () => {
var renderedComponent = TestUtils.renderIntoDocument(React.createElement(link_view_1.LinkView, {linkViewConfig: null, hash: null, updateViewHash: null, changeHash: null}));
chai_1.expect(TestUtils.isCompositeComponent(renderedComponent), 'should be composite').to.equal(true);
chai_1.expect(ReactDOM.findDOMNode(renderedComponent).className, 'should contain class').to.contain('link-view');
});
it('should render succesfully', function() {
var featureRequestList = TestUtils.renderIntoDocument(<FeatureRequestList featureRequests={ featureRequests } clientListFilter={ clientListFilter } productAreaListFilter={ productAreaListFilter }/>);
expect(TestUtils.isCompositeComponent(featureRequestList)).toBeTruthy();
});
it("should render", () => {
expect(TestUtils.isCompositeComponent(newslist)).toBeTruthy()
})
it('renders into the document', () => {
var app = TestUtils.renderIntoDocument(<Application />);
expect(TestUtils.isCompositeComponent(app)).toBeTruthy();
});
it('is a React Component', function () {
expect(TestUtils.isCompositeComponent(Sample.prototype))
.toBe(true);
});
it('should exists', function(){
let choice = TestUtils.renderIntoDocument(<Choice />);
expect(TestUtils.isCompositeComponent(choice)).toBeTruthy();
});
it('exists in the page', function () {
expect(T.isCompositeComponent(el)).toBe(true)
})
it('adds the correct class', () => {
var renderedComponent = TestUtils.renderIntoDocument(React.createElement(side_drawer_1.SideDrawer, {dataCubes: null, selectedDataCube: null, onOpenAbout: null, onClose: null}));
chai_1.expect(TestUtils.isCompositeComponent(renderedComponent), 'should be composite').to.equal(true);
chai_1.expect(ReactDOM.findDOMNode(renderedComponent).className, 'should contain class').to.contain('side-drawer');
});