diagrams/test-structure-flowchart.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="941px" height="721px" viewBox="-0.5 -0.5 941 721" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2023-04-09T01:44:58.897Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36&quot; etag=&quot;-d34lC1nzZcSWRsJSVGO&quot; version=&quot;17.2.4&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;C5RBs43oDa-KdzZeNtuy&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><path d="M 460 60 L 460 109.88" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 460 118.88 L 455.5 109.88 L 464.5 109.88 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="385" y="0" width="150" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 30px; margin-left: 386px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Writing a test</div></div></div></foreignObject><text x="460" y="34" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Writing a test</text></switch></g><path d="M 460 250 L 460 289.88" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 460 298.88 L 455.5 289.88 L 464.5 289.88 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 270px; margin-left: 481px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">No</div></div></div></foreignObject><text x="481" y="273" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">No</text></switch></g><path d="M 380 185 L 310.12 185" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 301.12 185 L 310.12 180.5 L 310.12 189.5 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 171px; margin-left: 357px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Yes</div></div></div></foreignObject><text x="357" y="174" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">Yes</text></switch></g><path d="M 460 120 L 540 185 L 460 250 L 380 185 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 150px; height: 1px; padding-top: 183px; margin-left: 385px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Is it for a shim class/component?</div></div></div></foreignObject><text x="460" y="187" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Is it for a shim class/co...</text></switch></g><path d="M 460 425 L 460 459.88" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 460 468.88 L 455.5 459.88 L 464.5 459.88 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 444px; margin-left: 501px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">A Function</div></div></div></foreignObject><text x="501" y="447" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">A Function</text></switch></g><path d="M 540 362.5 L 599.88 362.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 608.88 362.5 L 599.88 367 L 599.88 358 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 351px; margin-left: 569px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">A Class</div></div></div></foreignObject><text x="569" y="354" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">A Class</text></switch></g><path d="M 460 300 L 540 362.5 L 460 425 L 380 362.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 363px; margin-left: 381px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">What are you testing?</div></div></div></foreignObject><text x="460" y="366" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">What are you testing?</text></switch></g><path d="M 460 600 L 460 629.88" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 460 638.88 L 455.5 629.88 L 464.5 629.88 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 615px; margin-left: 481px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">No</div></div></div></foreignObject><text x="481" y="618" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">No</text></switch></g><path d="M 380 535 L 330.12 535" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 321.12 535 L 330.12 530.5 L 330.12 539.5 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 521px; margin-left: 356px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Yes</div></div></div></foreignObject><text x="356" y="524" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">Yes</text></switch></g><path d="M 460 470 L 540 535 L 460 600 L 380 535 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 150px; height: 1px; padding-top: 533px; margin-left: 385px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Are you testing<br />different parts of this function?</div></div></div></foreignObject><text x="460" y="537" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Are you testing...</text></switch></g><rect x="0" y="460" width="320" height="150" rx="22.5" ry="22.5" fill="rgb(255, 255, 255)" stroke="#67ab9f" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 310px; height: 1px; padding-top: 535px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font face="JetBrains Mono" style="font-size: 11px">describe(<font color="#ffb366">"myFunction"</font>, <font color="#b266ff">()</font> <font color="#7ea6e0">=&gt;</font> <font color="#b266ff">{</font><br style="font-size: 11px" />    test(<font color="#ffb366">"should ignore text node"</font>, <font color="#b266ff">()</font> <font color="#7ea6e0">=&gt;</font> <font color="#b266ff">{</font><br style="font-size: 11px" />        <font color="#999999">// ...</font><br style="font-size: 11px" />    <font color="#b266ff">}</font>);<br style="font-size: 11px" /><br style="font-size: 11px" /></font><span style="font-family: &quot;jetbrains mono&quot; ; font-size: 11px">    test(<font color="#ffb366">"should remove all children"</font>, <font color="#b266ff">()</font> <font color="#7ea6e0">=&gt;</font> <font color="#b266ff">{</font></span><br style="font-family: &quot;jetbrains mono&quot; ; font-size: 11px" /><span style="font-family: &quot;jetbrains mono&quot; ; font-size: 11px">        <font color="#999999">// ...</font></span><br style="font-family: &quot;jetbrains mono&quot; ; font-size: 11px" /><span style="font-family: &quot;jetbrains mono&quot; ; font-size: 11px">    <font color="#b266ff">}</font>);</span><font face="JetBrains Mono" style="font-size: 11px"><br style="font-size: 11px" /><div style="font-size: 11px"><span style="font-size: 11px"><font color="#b266ff">}</font>);</span></div></font></div></div></div></foreignObject><text x="6" y="538" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px">describe("myFunction", () =&gt; {...</text></switch></g><path d="M 225 215 L 225 299.88" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 225 308.88 L 220.5 299.88 L 229.5 299.88 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="150" y="155" width="150" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 185px; margin-left: 151px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">The file should only have a single class in it.</div></div></div></foreignObject><text x="225" y="189" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">The file should only have...</text></switch></g><path d="M 225 370 L 411.63 496.81" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 419.08 501.87 L 409.1 500.54 L 414.16 493.09 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="150" y="310" width="150" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 340px; margin-left: 151px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">For each function in the class you are testing:</div></div></div></foreignObject><text x="225" y="344" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">For each function in the...</text></switch></g><rect x="350" y="640" width="220" height="80" rx="12" ry="12" fill="rgb(255, 255, 255)" stroke="#67ab9f" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 210px; height: 1px; padding-top: 676px; margin-left: 356px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font face="JetBrains Mono" style="font-size: 11px"><br style="font-size: 11px" />test(<font color="#ffb366">"myFunction"</font>, <font color="#b266ff">()</font> <font color="#7ea6e0">=&gt;</font> <font color="#b266ff">{</font><br style="font-size: 11px" />    <font color="#999999">// ...</font><br style="font-size: 11px" /><font color="#b266ff">}</font>);<br style="font-size: 11px" /></font></div></div></div></foreignObject><text x="356" y="679" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px">test("myFunction", () =&gt; {...</text></switch></g><rect x="610" y="287.5" width="330" height="150" rx="22.5" ry="22.5" fill="rgb(255, 255, 255)" stroke="#67ab9f" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 320px; height: 1px; padding-top: 363px; margin-left: 616px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font face="JetBrains Mono" style="font-size: 11px">describe(<font color="#ffb366">"MyClass"</font>, <font color="#b266ff">()</font> <font color="#7ea6e0">=&gt;</font> <font color="#b266ff">{</font><br style="font-size: 11px" />    test(<font color="#ffb366">"ready() called"</font>, <font color="#b266ff">()</font> <font color="#7ea6e0">=&gt;</font> <font color="#b266ff">{</font><br style="font-size: 11px" />        <font color="#999999">// ...</font><br style="font-size: 11px" />    <font color="#b266ff">}</font>);<br style="font-size: 11px" /><br style="font-size: 11px" /></font><span style="font-family: &quot;jetbrains mono&quot; ; font-size: 11px">    test(<font color="#ffb366">"destroy() removes listeners"</font>, <font color="#b266ff">()</font> <font color="#7ea6e0">=&gt;</font> <font color="#b266ff">{</font></span><br style="font-family: &quot;jetbrains mono&quot; ; font-size: 11px" /><span style="font-family: &quot;jetbrains mono&quot; ; font-size: 11px">        <font color="#999999">// ...</font></span><br style="font-family: &quot;jetbrains mono&quot; ; font-size: 11px" /><span style="font-family: &quot;jetbrains mono&quot; ; font-size: 11px">    <font color="#b266ff">}</font>);</span><font face="JetBrains Mono" style="font-size: 11px"><br style="font-size: 11px" /><div style="font-size: 11px"><span style="font-size: 11px"><font color="#b266ff">}</font>);</span></div></font></div></div></div></foreignObject><text x="616" y="366" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px">describe("MyClass", () =&gt; {...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>