Skip to content

Commit

Permalink
[Color 4] Add specs for color.to-space() (#1974)
Browse files Browse the repository at this point in the history
  • Loading branch information
@nex3
nex3 authored Apr 12, 2024
1 parent c895d27 commit 5693526
Show file tree
Hide file tree
Showing 227 changed files with 26,698 additions and 0 deletions.
52 changes: 52 additions & 0 deletions spec/core_functions/color/to_space/a98_rgb/a98_rgb.hrx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
<===> in_range/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.2 0.4 0.8), a98-rgb)}

<===> in_range/output.css
a {
b: color(a98-rgb 0.2 0.4 0.8);
}

<===>
================================================================================
<===> out_of_range/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb -1 0.4 2), a98-rgb)}

<===> out_of_range/output.css
a {
b: color(a98-rgb -1 0.4 2);
}

<===>
================================================================================
<===> missing/red/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb none 0.2 0.3), a98-rgb)}

<===> missing/red/output.css
a {
b: color(a98-rgb none 0.2 0.3);
}

<===>
================================================================================
<===> missing/green/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.1 none 0.3), a98-rgb)}

<===> missing/green/output.css
a {
b: color(a98-rgb 0.1 none 0.3);
}

<===>
================================================================================
<===> missing/blue/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.1 0.2 none), a98-rgb)}

<===> missing/blue/output.css
a {
b: color(a98-rgb 0.1 0.2 none);
}
118 changes: 118 additions & 0 deletions spec/core_functions/color/to_space/a98_rgb/display_p3.hrx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,118 @@
<===> black/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0 0 0), display-p3)}

<===> black/output.css
a {
b: color(display-p3 0 0 0);
}

<===>
================================================================================
<===> white/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 1 1 1), display-p3)}

<===> white/output.css
a {
b: color(display-p3 1 1 1);
}

<===>
================================================================================
<===> gray/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.5 0.5 0.5), display-p3)}

<===> gray/output.css
a {
b: color(display-p3 0.5039928958 0.5039928958 0.5039928958);
}

<===>
================================================================================
<===> middle/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.2 0.4 0.8), display-p3)}

<===> middle/output.css
a {
b: color(display-p3 0.1198075605 0.3936533835 0.7891199167);
}

<===>
================================================================================
<===> out_of_range/near/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb -1 0.4 2), display-p3)}

<===> out_of_range/near/output.css
a {
b: color(display-p3 -1.0713648823 0.3146416114 1.8898918553);
}

<===>
================================================================================
<===> out_of_range/far/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb -999999 0 0), display-p3)}

<===> out_of_range/far/output.css
a {
b: color(display-p3 -352050.1162090242 -92416.3092975226 -70070.8047882944);
}

<===>
================================================================================
<===> alpha/partial/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.1 0.2 0.3 / 0.4), display-p3)}

<===> alpha/partial/output.css
a {
b: color(display-p3 0.0376331272 0.1827194825 0.2895249614 / 0.4);
}

<===>
================================================================================
<===> alpha/transparent/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.1 0.2 0.3 / 0.0), display-p3)}

<===> alpha/transparent/output.css
a {
b: color(display-p3 0.0376331272 0.1827194825 0.2895249614 / 0);
}

<===>
================================================================================
<===> missing/red/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb none 0.2 0.3), display-p3)}

<===> missing/red/output.css
a {
b: color(display-p3 none 0.1816774074 0.2892067467);
}

<===>
================================================================================
<===> missing/green/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.1 none 0.3), display-p3)}

<===> missing/green/output.css
a {
b: color(display-p3 0.080586652 none 0.2878991958);
}

<===>
================================================================================
<===> missing/blue/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.1 0.2 none), display-p3)}

<===> missing/blue/output.css
a {
b: color(display-p3 0.0376331272 0.1827194825 none);
}
118 changes: 118 additions & 0 deletions spec/core_functions/color/to_space/a98_rgb/hsl.hrx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,118 @@
<===> black/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0 0 0), hsl)}

<===> black/output.css
a {
b: hsl(0, 0%, 0%);
}

<===>
================================================================================
<===> white/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 1 1 1), hsl)}

<===> white/output.css
a {
b: hsl(0, 0%, 100%);
}

<===>
================================================================================
<===> gray/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.5 0.5 0.5), hsl)}

<===> gray/output.css
a {
b: hsl(0, 0%, 50.3992895764%);
}

<===>
================================================================================
<===> middle/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.2 0.4 0.8), hsl)}

<===> middle/output.css
a {
b: hsl(206.798941326, 132.7737671841%, 35.0907131834%);
}

<===>
================================================================================
<===> out_of_range/near/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb -1 0.4 2), hsl)}

<===> out_of_range/near/output.css
a {
b: hsl(209.922630637, 396.8439205726%, 39.6562294521%);
}

<===>
================================================================================
<===> out_of_range/far/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb -999999 0 0), hsl)}

<===> out_of_range/far/output.css
a {
b: hsl(0, 100%, -19096022.06943802%);
}

<===>
================================================================================
<===> alpha/partial/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.1 0.2 0.3 / 0.4), hsl)}

<===> alpha/partial/output.css
a {
b: hsla(200.1785406812, 126.7161502744%, 13.1753745837%, 0.4);
}

<===>
================================================================================
<===> alpha/transparent/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.1 0.2 0.3 / 0.0), hsl)}

<===> alpha/transparent/output.css
a {
b: hsla(200.1785406812, 126.7161502744%, 13.1753745837%, 0);
}

<===>
================================================================================
<===> missing/red/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb none 0.2 0.3), hsl)}

<===> missing/red/output.css
a {
b: hsl(196.5051304863, 215.7701724503%, 9.4596338244%);
}

<===>
================================================================================
<===> missing/green/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.1 none 0.3), hsl)}

<===> missing/green/output.css
a {
b: hsl(258.3433021907, 100%, 15.0612047755%);
}

<===>
================================================================================
<===> missing/blue/input.scss
@use 'sass:color';
a {b: color.to-space(color(a98-rgb 0.1 0.2 none), hsl)}

<===> missing/blue/output.css
a {
b: hsl(125.1711076789, 146.5566174361%, 7.5605855126%);
}
Loading

0 comments on commit 5693526

Please sign in to comment.