chore: Added unit tests around drawBackgroundRect and drawRect

This commit is contained in:
Alexander Sage
2019-07-23 19:15:54 -07:00
parent 1b001cf1e8
commit 8b05eeaa59
4 changed files with 77 additions and 77 deletions

2
__mocks__/d3.js vendored
View File

@@ -1,4 +1,4 @@
/* eslint-env jest */
let NewD3 = function () { let NewD3 = function () {
return { return {
append: function () { append: function () {

View File

@@ -417,7 +417,7 @@ export const draw = function (text, id) {
break break
case parser.yy.LINETYPE.RECT_END: case parser.yy.LINETYPE.RECT_END:
const rectData = bounds.endLoop() const rectData = bounds.endLoop()
svgDraw.drawBackgroundRect(diagram, rectData); svgDraw.drawBackgroundRect(diagram, rectData)
bounds.bumpVerticalPos(conf.boxMargin) bounds.bumpVerticalPos(conf.boxMargin)
break break
case parser.yy.LINETYPE.OPT_START: case parser.yy.LINETYPE.OPT_START:

View File

@@ -168,7 +168,6 @@ export const drawLoop = function (elem, bounds, labelText, conf) {
} }
} }
/** /**
* Draws a background rectangle * Draws a background rectangle
* @param color - The fill color for the background * @param color - The fill color for the background
@@ -181,8 +180,8 @@ export const drawBackgroundRect = function (elem, bounds) {
height: bounds.stopy - bounds.starty, height: bounds.stopy - bounds.starty,
fill: bounds.fill, fill: bounds.fill,
class: 'rect' class: 'rect'
}); })
rectElem.lower(); rectElem.lower()
} }
/** /**
* Setup arrow head and define the marker. The result is appended to the svg. * Setup arrow head and define the marker. The result is appended to the svg.

View File

@@ -1,6 +1,7 @@
/* eslint-env jasmine */
const svgDraw = require('./svgDraw') const svgDraw = require('./svgDraw')
const { MockD3 } = require('d3') const { MockD3 } = require('d3')
console.log(MockD3)
describe('svgDraw', function () { describe('svgDraw', function () {
describe('drawRect', function () { describe('drawRect', function () {
it('it should append a rectangle', function () { it('it should append a rectangle', function () {
@@ -14,7 +15,7 @@ describe('svgDraw', function () {
height: '20', height: '20',
rx: '10', rx: '10',
ry: '10', ry: '10',
class: 'unitTestRectangleClass', class: 'unitTestRectangleClass'
}) })
expect(svg.__children.length).toBe(1) expect(svg.__children.length).toBe(1)
const rect = svg.__children[0] const rect = svg.__children[0]
@@ -39,7 +40,7 @@ describe('svgDraw', function () {
width: '20', width: '20',
height: '20', height: '20',
rx: '10', rx: '10',
ry: '10', ry: '10'
}) })
expect(svg.__children.length).toBe(1) expect(svg.__children.length).toBe(1)
const rect = svg.__children[0] const rect = svg.__children[0]
@@ -57,7 +58,7 @@ describe('svgDraw', function () {
stopx: 150, stopx: 150,
stopy: 260, stopy: 260,
title: undefined, title: undefined,
fill: '#ccc', fill: '#ccc'
} }
svgDraw.drawBackgroundRect(svg, boundingRect) svgDraw.drawBackgroundRect(svg, boundingRect)
expect(svg.__children.length).toBe(1) expect(svg.__children.length).toBe(1)