mermaid

<!DOCTYPE html> <html> <head> <title>sequenceDiagram.spec.js</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" media="all" href="../../../doc-style.css" /> <script src="../../../doc-filelist.js"></script> <script> var relativeDir = "../../../", thisFile = "Users/knut/Documents/source/mermaid/src/diagrams/sequenceDiagram/sequenceDiagram.spec.js", defaultSidebar = true; </script> <script src="../../../doc-script.js"></script> <script src="../../../mermaid.js"></script> <link rel="stylesheet" href="../../../mermaid.css" /> </head> <body> <div id="sidebar_wrapper"> <div id="sidebar_switch"> Files Headings </div> <div id="tree"></div> <div id="headings"> <div class="heading h1"> <a href="#sequenceDiagram.spec.js">sequenceDiagram.spec.js</a> </div> </div> </div> <div id="sidebar-toggle"></div> <div id="container"><div class="background highlight"></div> <table cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="docs"> <div class="pilwrap" id="sequenceDiagram.spec.js"> <h1> <a href="#sequenceDiagram.spec.js" name="sequenceDiagram.spec.js" class="pilcrow">¶</a>sequenceDiagram.spec.js </h1> </div> </td> <td class="code highlight"></td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-1" id="section-1">¶</a> </div> <div class="dox"> <div class="summary">Created by knut on 14-11-18. </div> <div class="body"> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre>var proxyquire = require('proxyquire'); var log = require('../../logger').create(); var sq = require('./parser/sequenceDiagram').parser; var newD3; var d3 = { select:function(){ return new newD3(); } }; </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-2" id="section-2">¶</a> </div> var sd = proxyquire('./sequenceRenderer', { './d3': d3 }); </td> <td class="code highlight"><div class="highlight"><pre> var sd = proxyquire('./sequenceRenderer', { '../../d3': d3 }); var str; describe('when parsing a sequenceDiagram',function() { var parseError; beforeEach(function () { sq.yy = require('./sequenceDb'); sq.yy.clear(); parseError = function(err, hash) { log.debug('Syntax error:' + err); log.debug(hash); }; sq.yy.parseError = parseError; }); it('it should handle a sequenceDiagram defintion', function () { str = 'sequenceDiagram\n' + 'Alice->Bob:Hello Bob, how are you?\n' + 'Note right of Bob: Bob thinks\n' + 'Bob-->Alice: I am good thanks!\n'; sq.parse(str); var actors = sq.yy.getActors(); expect(actors.Alice.description).toBe('Alice'); actors.Bob.description = 'Bob'; var messages = sq.yy.getMessages(); expect(messages.length).toBe(3); expect(messages[0].from).toBe('Alice'); expect(messages[2].from).toBe('Bob'); }); it('it should space in actor names', function () { str = 'sequenceDiagram\n' + 'Alice->Bob:Hello Bob, how are - you?\n' + 'Bob-->Alice: I am good thanks!\n'; sq.parse(str); var actors = sq.yy.getActors(); expect(actors.Alice.description).toBe('Alice'); actors.Bob.description = 'Bob'; var messages = sq.yy.getMessages(); expect(messages.length).toBe(2); expect(messages[0].from).toBe('Alice'); expect(messages[1].from).toBe('Bob'); }); it('it should handle in async messages', function () { var str = 'sequenceDiagram\n' + 'Alice-xBob:Hello Bob, how are you?\n'; sq.parse(str); var actors = sq.yy.getActors(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-3" id="section-3">¶</a> </div> log.debug(actors); </td> <td class="code highlight"><div class="highlight"><pre> expect(actors.Alice.description).toBe('Alice'); expect(actors.Bob.description).toBe('Bob'); var messages = sq.yy.getMessages(); expect(messages.length).toBe(1); expect(messages[0].type).toBe(sq.yy.LINETYPE.SOLID_CROSS); }); it('it should handle in async dotted messages', function () { var str = 'sequenceDiagram\n' + 'Alice--xBob:Hello Bob, how are you?\n'; sq.parse(str); var actors = sq.yy.getActors(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-4" id="section-4">¶</a> </div> log.debug(actors); </td> <td class="code highlight"><div class="highlight"><pre> expect(actors.Alice.description).toBe('Alice'); expect(actors.Bob.description).toBe('Bob'); var messages = sq.yy.getMessages(); expect(messages.length).toBe(1); expect(messages[0].type).toBe(sq.yy.LINETYPE.DOTTED_CROSS); }); it('it should handle in arrow messages', function () { var str = 'sequenceDiagram\n' + 'Alice->>Bob:Hello Bob, how are you?\n'; sq.parse(str); var actors = sq.yy.getActors(); expect(actors.Alice.description).toBe('Alice'); expect(actors.Bob.description).toBe('Bob'); var messages = sq.yy.getMessages(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-5" id="section-5">¶</a> </div> log.debug(messages); </td> <td class="code highlight"><div class="highlight"><pre> expect(messages.length).toBe(1); expect(messages[0].type).toBe(sq.yy.LINETYPE.SOLID); }); it('it should handle in arrow messages', function () { var str = 'sequenceDiagram\n' + 'Alice-->>Bob:Hello Bob, how are you?\n'; sq.parse(str); var actors = sq.yy.getActors(); expect(actors.Alice.description).toBe('Alice'); expect(actors.Bob.description).toBe('Bob'); var messages = sq.yy.getMessages(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-6" id="section-6">¶</a> </div> log.debug(messages); </td> <td class="code highlight"><div class="highlight"><pre> expect(messages.length).toBe(1); expect(messages[0].type).toBe(sq.yy.LINETYPE.DOTTED); }); it('it should handle comments in a sequenceDiagram', function () { str = 'sequenceDiagram\n' + 'Alice->Bob: Hello Bob, how are you?\n'+ '%% Comment\n' + 'Note right of Bob: Bob thinks\n' + 'Bob-->Alice: I am good thanks!\n'; sq.parse(str); var actors = sq.yy.getActors(); expect(actors.Alice.description).toBe('Alice'); actors.Bob.description = 'Bob'; var messages = sq.yy.getMessages(); expect(messages.length).toBe(3); expect(messages[0].from).toBe('Alice'); expect(messages[2].from).toBe('Bob'); }); it('it should handle new lines in a sequenceDiagram', function () { str = 'sequenceDiagram\n' + 'Alice->Bob: Hello Bob, how are you?\n\n' + '%% Comment\n' + 'Note right of Bob: Bob thinks\n' + 'Bob-->Alice: I am good thanks!\n'; sq.parse(str); var actors = sq.yy.getActors(); expect(actors.Alice.description).toBe('Alice'); actors.Bob.description = 'Bob'; var messages = sq.yy.getMessages(); expect(messages.length).toBe(3); expect(messages[0].from).toBe('Alice'); expect(messages[2].from).toBe('Bob'); }); it('it should handle one leading space in lines in a sequenceDiagram', function () { str = 'sequenceDiagram\n' + ' Alice->Bob: Hello Bob, how are you?\n\n' + '%% Comment\n' + 'Note right of Bob: Bob thinks\n' + 'Bob-->Alice: I am good thanks!\n'; sq.parse(str); var actors = sq.yy.getActors(); expect(actors.Alice.description).toBe('Alice'); actors.Bob.description = 'Bob'; var messages = sq.yy.getMessages(); expect(messages.length).toBe(3); expect(messages[0].from).toBe('Alice'); expect(messages[2].from).toBe('Bob'); }); it('it should handle several leading spaces in lines in a sequenceDiagram', function () { str = 'sequenceDiagram\n' + ' Alice->Bob: Hello Bob, how are you?\n\n' + '%% Comment\n' + 'Note right of Bob: Bob thinks\n' + 'Bob-->Alice: I am good thanks!\n'; sq.parse(str); var actors = sq.yy.getActors(); expect(actors.Alice.description).toBe('Alice'); actors.Bob.description = 'Bob'; var messages = sq.yy.getMessages(); expect(messages.length).toBe(3); expect(messages[0].from).toBe('Alice'); expect(messages[2].from).toBe('Bob'); }); it('it should handle several leading spaces in lines in a sequenceDiagram', function () { str = 'sequenceDiagram\n'+ 'participant Alice\n'+ 'participant Bob\n'+ 'Alice->John: Hello John, how are you?\n'+ ' loop Healthcheck\n'+ 'John->John: Fight against hypochondria\n'+ ' end\n'+ 'Note right of John: Rational thoughts prevail...\n'+ ' John-->Alice: Great!\n'+ ' John->Bob: How about you?\n'+ 'Bob-->John: Jolly good!\n'; sq.parse(str); var actors = sq.yy.getActors(); expect(actors.Alice.description).toBe('Alice'); actors.Bob.description = 'Bob'; var messages = sq.yy.getMessages(); expect(messages.length).toBe(8); expect(messages[0].from).toBe('Alice'); expect(messages[2].from).toBe('John'); }); it('it should handle loop statements a sequenceDiagram', function () { var str = 'sequenceDiagram\n' + 'Alice->Bob: Hello Bob, how are you?\n\n' + '%% Comment\n' + 'Note right of Bob: Bob thinks\n' + 'loop Multiple happy responses\n\n' + 'Bob-->Alice: I am good thanks!\n' + 'end'; sq.parse(str); var actors = sq.yy.getActors(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-7" id="section-7">¶</a> </div> log.debug(actors); </td> <td class="code highlight"><div class="highlight"><pre> expect(actors.Alice.description).toBe('Alice'); actors.Bob.description = 'Bob'; var messages = sq.yy.getMessages(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-8" id="section-8">¶</a> </div> log.debug(messages); </td> <td class="code highlight"><div class="highlight"><pre> expect(messages.length).toBe(5); expect(messages[0].from).toBe('Alice'); expect(messages[1].from).toBe('Bob'); }); it('it should handle opt statements a sequenceDiagram', function () { var str = 'sequenceDiagram\n' + 'Alice->Bob: Hello Bob, how are you?\n\n' + '%% Comment\n' + 'Note right of Bob: Bob thinks\n' + 'opt Perhaps a happy response\n\n' + 'Bob-->Alice: I am good thanks!\n' + 'end'; sq.parse(str); var actors = sq.yy.getActors(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-9" id="section-9">¶</a> </div> log.debug(actors); </td> <td class="code highlight"><div class="highlight"><pre> expect(actors.Alice.description).toBe('Alice'); actors.Bob.description = 'Bob'; var messages = sq.yy.getMessages(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-10" id="section-10">¶</a> </div> log.debug(messages); </td> <td class="code highlight"><div class="highlight"><pre> expect(messages.length).toBe(5); expect(messages[0].from).toBe('Alice'); expect(messages[1].from).toBe('Bob'); }); it('it should handle opt statements a sequenceDiagram', function () { var str = 'sequenceDiagram;Alice->Bob: Hello Bob, how are you?;opt Perhaps a happy response;Bob-->Alice: I am good thanks!;end;'; sq.parse(str); var actors = sq.yy.getActors(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-11" id="section-11">¶</a> </div> log.debug(actors); </td> <td class="code highlight"><div class="highlight"><pre> expect(actors.Alice.description).toBe('Alice'); actors.Bob.description = 'Bob'; var messages = sq.yy.getMessages(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-12" id="section-12">¶</a> </div> log.debug(messages); </td> <td class="code highlight"><div class="highlight"><pre> expect(messages.length).toBe(4); expect(messages[0].from).toBe('Alice'); expect(messages[1].type).toBe(sq.yy.LINETYPE.OPT_START); expect(messages[2<span class="p"