65 lines
1.7 KiB
JavaScript
65 lines
1.7 KiB
JavaScript
describe('Empty Flow Rendering', () => {
|
|
it('renders an empty graph', () => {
|
|
cy.visit('/empty');
|
|
|
|
cy.get('.react-flow__renderer');
|
|
cy.get('.react-flow__node').should('not.exist');
|
|
cy.get('.react-flow__edge').should('not.exist');
|
|
});
|
|
|
|
it('renders empty selection', () => {
|
|
cy.get('body')
|
|
.type('{shift}', { release: false })
|
|
.get('.react-flow__selectionpane')
|
|
.trigger('mousedown', 'topLeft', { which: 1, force: true })
|
|
.trigger('mousemove', 'bottomRight', { which: 1 })
|
|
.trigger('mouseup', 'bottomRight', { force: true })
|
|
});
|
|
|
|
it('renders a control panel', () => {
|
|
cy.get('.react-flow__controls');
|
|
});
|
|
|
|
it('uses zoom in control', () => {
|
|
cy.get('.react-flow__controls-zoomin').click();
|
|
});
|
|
|
|
it('uses zoom out control', () => {
|
|
cy.get('.react-flow__controls-zoomout').click();
|
|
});
|
|
|
|
it('uses fit view control', () => {
|
|
cy.get('.react-flow__controls-fitview').click();
|
|
});
|
|
|
|
it('renders an empty mini map', () => {
|
|
cy.get('.react-flow__minimap');
|
|
cy.get('.react-flow__minimap-node').should('not.exist');
|
|
});
|
|
|
|
it('adds two nodes', () => {
|
|
cy.contains('add node').click();
|
|
cy.contains('add node').click();
|
|
});
|
|
|
|
it('connects nodes', () => {
|
|
cy.get('.react-flow__node')
|
|
.first()
|
|
.find('.react-flow__handle.source')
|
|
.trigger('mousedown', { which: 1 });
|
|
|
|
cy.get('.react-flow__node')
|
|
.last()
|
|
.find('.react-flow__handle.target')
|
|
.trigger('mousemove')
|
|
.trigger('mouseup', { force: true });
|
|
|
|
cy.get('.react-flow__edge').should('have.length', 1);
|
|
});
|
|
|
|
it('renders mini map with two nodes', () => {
|
|
cy.get('.react-flow__minimap');
|
|
cy.get('.react-flow__minimap-node').should('have.length', 2);
|
|
});
|
|
});
|