mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 17:47:44 +00:00
Tests/LibWeb: Test canvas fillStyle parsing of rgb strings
This commit is contained in:
parent
c713445253
commit
9f2ee86e4d
5 changed files with 97 additions and 0 deletions
42
Tests/LibWeb/Text/input/canvas/fillstyle.html
Normal file
42
Tests/LibWeb/Text/input/canvas/fillstyle.html
Normal file
|
@ -0,0 +1,42 @@
|
|||
<script src="../include.js"></script>
|
||||
<script>
|
||||
test(() => {
|
||||
let testCounter = 1;
|
||||
function testPart(part) {
|
||||
println(`${testCounter++}. ${JSON.stringify(part())}`);
|
||||
}
|
||||
|
||||
const canvas = document.createElement("canvas");
|
||||
const context = canvas.getContext("2d");
|
||||
|
||||
// 1. Integers
|
||||
testPart(() => {
|
||||
context.fillStyle = "rgb(0,255,0)";
|
||||
return context.fillStyle;
|
||||
});
|
||||
|
||||
// 2. Decimals
|
||||
testPart(() => {
|
||||
context.fillStyle = "rgb(0.28813966673057,254.56022744510793,0.2973971574794)";
|
||||
return context.fillStyle;
|
||||
});
|
||||
|
||||
// 3. Clamp numbers between 0-255
|
||||
testPart(() => {
|
||||
context.fillStyle = "rgba(-50,500,-50,1)";
|
||||
return context.fillStyle;
|
||||
});
|
||||
|
||||
// 4. Percentages
|
||||
testPart(() => {
|
||||
context.fillStyle = "rgb(0%,100%,0%)";
|
||||
return context.fillStyle;
|
||||
});
|
||||
|
||||
// 5. Percentages
|
||||
testPart(() => {
|
||||
context.fillStyle = "rgb(0,calc(infinity),0)";
|
||||
return context.fillStyle;
|
||||
});
|
||||
});
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue