2b:null 2c:["$","title",null,{"children":"Combined Unit Tests via Chai.js and JS class | Anton's Playground | Observable"}] 31:T7e1,// Define customized Mocha class class MyMocha { constructor(name) { this.name = name; this.tests = []; this.results = [md`

🚩 ${name}

`]; this.beforeHooks = []; this.afterHooks = []; } describe(name, fn) { const suite = new MyMocha(name); fn.call(suite); this.tests.push(suite); this.results.push( md`

⏳ ${name}

` ); } it(name, fn) { this.tests.push({ name, fn }); } before(fn) { this.beforeHooks.push(fn); } after(fn) { this.afterHooks.push(fn); } // show the results altogether in markdown format // show the results altogether in markdown format async showResults() { await this.run(); const results = md`${this.results}`; this.tests = this.tests.filter((t) => !this.isFunction(t.fn)); this.results = []; return results; } isFunction(fn) { return typeof fn === "function"; } async run() { console.log(`Running suite: ${this.name}`); // Run before hooks for (const hook of this.beforeHooks) { await hook(); } for (const test of this.tests) { if (this.isFunction(test.fn)) { try { await test.fn(); // console.log(`✔️ ${test.name}`); this.results.push( html`

✔️ ${test.name}

` ); } catch (error) { // console.error(`:x: ${test.name}`); // console.error(error); this.results.push( html`

❌ ${test.name}

` ); this.results.push( html`

${error.message}

` ); } } else { // Recursively run nested suites await test.run(); } } // Run after hooks for (const hook of this.afterHooks) { await hook(); } } }32:[] 2f:{"id":"341ad0aa2a98de6f","slug":"combined-unit-tests","title":"Combined Unit Tests via Chai.js and JS class","thumbnail":"a22137d98c2274668cfac044b482eb7abf294fd5744bb6f478727731ea50773d","access_level":"public","create_time":"$D2024-10-07T17:39:26.254Z","update_time":"$D2024-10-15T13:21:54.334Z","view_time":null,"first_public_time":"$D2024-10-07T18:19:45.766Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"5b3df2ad8e5bc1ce","login":"anton-playground","name":"Anton's Playground","avatar_url":"https://avatars-next.observableusercontent.com/b0a8bb187d55ecf4333acf68e64e9398d0f364932041ea8a29505cbb80257dd4","tier":"starter_2024"},"version":63,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"546684b328b31239","login":"safewinter","name":"PeacefulWinter","avatar_url":"https://avatars-next.observableusercontent.com/67ec45ea6797f5a8537c5000269e5ac439464683601290fb01ff3e4a8605cbe1","tier":null}],"members":[{"type":"team","id":"5b3df2ad8e5bc1ce","login":"anton-playground","name":"Anton's Playground","avatar_url":"https://avatars-next.observableusercontent.com/b0a8bb187d55ecf4333acf68e64e9398d0f364932041ea8a29505cbb80257dd4","tier":"starter_2024","role":"editor"},{"type":"individual","id":"546684b328b31239","login":"safewinter","name":"PeacefulWinter","avatar_url":"https://avatars-next.observableusercontent.com/67ec45ea6797f5a8537c5000269e5ac439464683601290fb01ff3e4a8605cbe1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Combined Unit Tests via Chai.js and JS class","cells":[{"id":0,"value":"# Combined Unit Tests via Chai.js and JS class","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":28,"value":"## 1. Usage: Writing Multiple Unit Tests within One Test Suite","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"testResult = {\n const suite = new MyMocha(\"Testing D3 scales:\");\n const it = suite.it.bind(suite);\n const describe = suite.describe.bind(suite);\n // const expect = chai.expect.bind(chai);\n\n // target scale to test\n const xScale = d3.scaleLinear().domain([0, 1078]).range([0, 450]);\n\n const testData = new Map([\n [198, 83],\n [414, 173],\n [842, 256], // correct version backup: [842, 356]\n [1078, 450]\n ]);\n\n const maxDiff = 1;\n describe(\"Testing horizontal linear scale:\", () =>\n testData.forEach((expected, domain) =>\n // Group each unit test into one test suite\n it(`Pass the value ${domain} to the linear scale xScale, should return ${expected}`, () => {\n const actual = xScale(domain);\n const diff = Math.abs(actual - expected);\n expect(diff, \"[Diff Exceeded]\").to.be.lessThan(maxDiff);\n })\n ));\n\n // return the rendered contents to display testing results\n return suite.showResults();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"md`## 2. Configs & Inits\n\n### 2.1. Create customized Mocha class`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"### 2.2. Import Chai.js library","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"chai = import(\"https://unpkg.com/chai/chai.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"expect = chai.expect.bind(chai)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"