Unit testing with Jest expect()
test(() => {
expect(2 + 2).toEqual(4)
})
test("arithmetic", () => {
expect(2 + 2).toEqual(4)
})
test(() => {
expect(2 + 2).toEqual(5)
})
test("arithmetic", () => {
expect(2 + 2).toEqual(5)
})
test.skip(() => {
expect(2 + 2).toEqual(4)
})
test.skip("arithmetic", () => {
expect(2 + 2).toEqual(4)
})
testcase({
input: "foobar",
test: input => input.length,
output: 6,
})
testcase("string length", {
input: "foobar",
test: input => input.length,
output: 6,
})
testcase({
input: "foobar",
test: input => input.length,
output: 99,
})
testcase("string length", {
input: "foobar",
test: input => input.length,
output: 99,
})
testcase.skip({
input: "foobar",
test: input => input.length,
output: 6,
})
testcase.skip("string length", {
input: "foobar",
test: input => input.length,
output: 6,
})
expect = require(`jest-expect-standalone@${jestExpectStandaloneVersion}/dist/expect.min.js`).catch(() => window.expect)
test = {
const withMessage = (title, color) =>
html`<div style="font: var(--mono_fonts); color: ${color}; padding: 6px 0;">${title}</div>`
const test = (...args) => {
const [action, title] = args.reverse()
action()
return withMessage(`Success: ${title || "test passed"}`, "green")
}
test.skip = (...args) => {
const [action, title] = args.reverse()
return withMessage(`Skipped: ${title || "test skipped"}`, "darkorange")
}
return test
}
testcase = {
const withMessage = (title, color) =>
html`<div style="font: var(--mono_fonts); color: ${color}; padding: 6px 0;">${title}</div>`
const test = (...args) => {
const [fixture, title] = args.reverse()
const actual = fixture.test ? fixture.test(fixture.input) : fixture.input
const expected = fixture.output
expect(actual).toEqual(expected)
return withMessage(`Success: ${title || "test passed"}`, "green")
}
test.skip = (...args) => {
const [fixture, title] = args.reverse()
return withMessage(`Skipped: ${title || "test skipped"}`, "darkorange")
}
return test
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
