Il n’y a qu’un seul héroisme au monde, c’est de voir le monde tel qu’il est, et de l’aimer.
md`# NetV@1 TestDoc: Initialization>backgroundColor`
toc()
import { NetV, refresh, getPixelColor, error_color, success_color, warning_color, hex2rgba, rgba2hex, isHexColorSame, isNumberSame, generateAutoTestCaseDescription, generateE2ETestCaseDescription, detectZoom, isStringSameIgnoreQuotesCase, isSameForColorCompare } from "@jackieanxis/netv-js-v1-test-document"
import {toc} from "@nebrius/indented-toc"
md`${generateAutoTestCaseDescription(background_normal)}`
background_normal['container']
mutable background_normal = {
let log = ''
let isPassed = false
let container = DOM.element('div')
let backgroundColor = { r: 0.2, g: 0.4, b: 0.6, a: 0.8 }
let expected = rgba2hex(backgroundColor)
let width = 100
let height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
backgroundColor
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = getPixelColor(canvas, width / 2, height / 2)
log = rgba2hex(actualBackgroundColor)
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor: ${JSON.stringify( backgroundColor ).replace(/\"/g, '')}`,
container,
log,
expected,
isPassed: isSame(expected, log)
}
}
md`${ generateAutoTestCaseDescription(background_r_less_zero) }`
background_r_less_zero['container']
mutable background_r_less_zero = {
let log = ''
let isPassed = false
const container = DOM.element('div')
const backgroundColor = { r: -0.2, g: 0.4, b: 0.6, a: 0.8 }
const expected = `RangeError: Cannot set property 'r' of backgroundColor with ${backgroundColor.r}`
const width = 100
const height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
backgroundColor
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = getPixelColor(canvas, width / 2, height / 2)
log = rgba2hex(actualBackgroundColor)
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor: ${JSON.stringify( backgroundColor ).replace(/\"/g, '')}`,
container,
log,
expected,
isPassed: isSame(expected, log)
}
}
md`${ generateAutoTestCaseDescription(background_g_undefined) }`
background_g_undefined['container']
mutable background_g_undefined = {
let log = ''
let isPassed = false
const container = DOM.element('div')
const backgroundColor = { r: 0.2, g: undefined, b: 0.6, a: 0.8 }
const expected = `TypeError: Cannot set property 'g' of backgroundColor with ${backgroundColor.g}`
const width = 100
const height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
backgroundColor
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = getPixelColor(canvas, width / 2, height / 2)
log = rgba2hex(actualBackgroundColor)
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor.g: ${backgroundColor.g}`,
container,
log,
expected,
isPassed: isSame(log, expected)
}
}
md`${ generateAutoTestCaseDescription(background_b_null) }`
background_b_null['container']
mutable background_b_null = {
let log = ''
let isPassed = false
const container = DOM.element('div')
const backgroundColor = { r: 0.2, g: 0.4, b: null, a: 0.8 }
const expected = `TypeError: Cannot set property 'b' of backgroundColor with ${backgroundColor.b}`
const width = 100
const height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
backgroundColor
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = getPixelColor(canvas, width / 2, height / 2)
log = rgba2hex(actualBackgroundColor)
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor.b: ${backgroundColor.b}`,
container,
log,
expected,
isPassed: isSame(log, expected)
}
}
md`${ generateAutoTestCaseDescription(background_a_NaN) }`
background_a_NaN['container']
mutable background_a_NaN = {
let log = ''
let isPassed = false
const container = DOM.element('div')
const backgroundColor = { r: 0.2, g: 0.4, b: 0.6, a: NaN }
const expected = `RangeError: Cannot set property 'a' of backgroundColor with ${backgroundColor.a}`
const width = 100
const height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
backgroundColor
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = getPixelColor(canvas, width / 2, height / 2)
log = rgba2hex(actualBackgroundColor)
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor.a: ${backgroundColor.a}`,
container,
log,
expected,
isPassed: isSame(log, expected)
}
}
md`${ generateAutoTestCaseDescription(background_unset) }`
background_unset['container']
mutable background_unset = {
let log = ''
let isPassed = false
const container = DOM.element('div')
const expected = '#ffffffff'
const width = 100
const height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = getPixelColor(canvas, width / 2, height / 2)
log = rgba2hex(actualBackgroundColor)
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor: unset`,
container,
log,
expected,
isPassed: isSame(log, expected)
}
}
md`${ generateAutoTestCaseDescription(background_undefined) }`
background_undefined['container']
mutable background_undefined = {
let log = ''
let isPassed = false
const container = DOM.element('div')
const backgroundColor = undefined
const expected = `TypeError: Cannot read property 'r' of ${backgroundColor}`
const width = 100
const height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
backgroundColor
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = rgba2hex(getPixelColor(canvas, width / 2, height / 2))
log = `BackgroundColor: ${ actualBackgroundColor }`
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor: undefined`,
container,
log,
expected,
isPassed: isSame(log, expected)
}
}
md`${ generateAutoTestCaseDescription(background_null) }`
background_null['container']
mutable background_null = {
let log = ''
let isPassed = false
const container = DOM.element('div')
const backgroundColor = null
const expected = `TypeError: Cannot read property 'r' of ${backgroundColor}`
const width = 100
const height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
backgroundColor
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = rgba2hex(getPixelColor(canvas, width / 2, height / 2))
log = `BackgroundColor: ${ actualBackgroundColor }`
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor: null`,
container,
log,
expected,
isPassed: isSame(log, expected)
}
}
md`${ generateAutoTestCaseDescription(background_r_unset) }`
background_r_unset['container']
mutable background_r_unset = {
let log = ''
let isPassed = false
const container = DOM.element('div')
const backgroundColor = { b: 0.2, g: 0.4, a: 0.8 }
const expected = rgba2hex({...backgroundColor, r: 1})
const width = 100
const height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
backgroundColor
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = getPixelColor(canvas, width / 2, height / 2)
log = rgba2hex(actualBackgroundColor)
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor.r: unset`,
container,
log,
expected,
isPassed: isSame(log, expected)
}
}
md`${ generateAutoTestCaseDescription(background_a_unset) }`
background_a_unset['container']
mutable background_a_unset = {
let log = ''
let isPassed = false
const container = DOM.element('div')
const backgroundColor = { b: 0.2, g: 0.4, r: 0.8 }
const expected = rgba2hex({...backgroundColor, a: 1})
const width = 100
const height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
backgroundColor
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = getPixelColor(canvas, width / 2, height / 2)
log = rgba2hex(actualBackgroundColor)
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor.a: unset`,
container,
log,
expected,
isPassed: isSame(log, expected)
}
}
md`${ generateAutoTestCaseDescription(background_string_object) }`
background_string_object['container']
mutable background_string_object = {
let log = ''
let isPassed = false
const container = DOM.element('div')
const backgroundColor = "{ r: 0.6, b: 0.2, g: 0.4, a: 0.8 }"
const expected = `TypeError: Cannot read property 'r' of '${ backgroundColor }'`
const width = 100
const height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
backgroundColor
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = getPixelColor(canvas, width / 2, height / 2)
log = rgba2hex(actualBackgroundColor)
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor: "${ backgroundColor }"`,
container,
log,
expected,
isPassed: isSame(log, expected)
}
}
md`${ generateAutoTestCaseDescription(background_blue_string) }`
background_blue_string['container']
mutable background_blue_string = {
let log = ''
let isPassed = false
const container = DOM.element('div')
const backgroundColor = { r: 0.6, b: "y", g: 0.4, a: 0.8 }
const expected = `TypeError: Cannot set property 'b' of backgroundColor with '${ backgroundColor.b }'`
const width = 100
const height = 100
let isSame = isSameForColorCompare
try {
refresh(container)
let netv = new NetV({
container,
width,
height,
backgroundColor
})
netv.draw()
const canvas = container.querySelector('canvas')
const actualBackgroundColor = getPixelColor(canvas, width / 2, height / 2)
log = rgba2hex(actualBackgroundColor)
} catch (e) {
log = e.toString()
}
return {
title: `BackgroundColor.b: "y"`,
container,
log,
expected,
isPassed: isSame(log, expected)
}
}
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.
