Skip to content

Commit

Permalink
Add tests for new spaces
Browse files Browse the repository at this point in the history
  • Loading branch information
@nex3
nex3 committed May 2, 2024
1 parent 4a522d9 commit 9f18f1e
Show file tree
Hide file tree
Showing 22 changed files with 2,288 additions and 186 deletions.
129 changes: 129 additions & 0 deletions spec/core_functions/color/change/a98_rgb.hrx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
<===> red/unitless/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7), $red: 0.5)}

<===> red/unitless/output.css
a {
b: color(a98-rgb 0.5 0.5 0.7);
}

<===>
================================================================================
<===> red/percent/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7), $red: 50%)}

<===> red/percent/output.css
a {
b: color(a98-rgb 0.5 0.5 0.7);
}

<===>
================================================================================
<===> red/out_of_range/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7), $red: 1.2)}

<===> red/out_of_range/output.css
a {
b: color(a98-rgb 1.2 0.5 0.7);
}

<===>
================================================================================
<===> green/unitless/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7), $green: 0.4)}

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

<===>
================================================================================
<===> green/percent/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7), $green: 40%)}

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

<===>
================================================================================
<===> green/out_of_range/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7), $green: -0.2)}

<===> green/out_of_range/output.css
a {
b: color(a98-rgb 0.2 -0.2 0.7);
}

<===>
================================================================================
<===> blue/unitless/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7), $blue: 0.5)}

<===> blue/unitless/output.css
a {
b: color(a98-rgb 0.2 0.5 0.5);
}

<===>
================================================================================
<===> blue/percent/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7), $blue: 50%)}

<===> blue/percent/output.css
a {
b: color(a98-rgb 0.2 0.5 0.5);
}

<===>
================================================================================
<===> blue/out_of_range/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7), $blue: 100)}

<===> blue/out_of_range/output.css
a {
b: color(a98-rgb 0.2 0.5 100);
}

<===>
================================================================================
<===> all/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7), $red: 0.7, $green: 0.4, $blue: 0.2)}

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

<===>
================================================================================
<===> alpha_input/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7 / 0.9), $red: 0.5)}

<===> alpha_input/output.css
a {
b: color(a98-rgb 0.5 0.5 0.7 / 0.9);
}

<===>
================================================================================
<===> alpha_arg/input.scss
@use 'sass:color';
a {b: color.change(color(a98-rgb 0.2 0.5 0.7), $red: 0.5, $alpha: 0.9)}

<===> alpha_arg/output.css
a {
b: color(a98-rgb 0.5 0.5 0.7 / 0.9);
}
129 changes: 129 additions & 0 deletions spec/core_functions/color/change/display_p3.hrx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
<===> red/unitless/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7), $red: 0.5)}

<===> red/unitless/output.css
a {
b: color(display-p3 0.5 0.5 0.7);
}

<===>
================================================================================
<===> red/percent/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7), $red: 50%)}

<===> red/percent/output.css
a {
b: color(display-p3 0.5 0.5 0.7);
}

<===>
================================================================================
<===> red/out_of_range/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7), $red: 1.2)}

<===> red/out_of_range/output.css
a {
b: color(display-p3 1.2 0.5 0.7);
}

<===>
================================================================================
<===> green/unitless/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7), $green: 0.4)}

<===> green/unitless/output.css
a {
b: color(display-p3 0.2 0.4 0.7);
}

<===>
================================================================================
<===> green/percent/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7), $green: 40%)}

<===> green/percent/output.css
a {
b: color(display-p3 0.2 0.4 0.7);
}

<===>
================================================================================
<===> green/out_of_range/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7), $green: -0.2)}

<===> green/out_of_range/output.css
a {
b: color(display-p3 0.2 -0.2 0.7);
}

<===>
================================================================================
<===> blue/unitless/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7), $blue: 0.5)}

<===> blue/unitless/output.css
a {
b: color(display-p3 0.2 0.5 0.5);
}

<===>
================================================================================
<===> blue/percent/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7), $blue: 50%)}

<===> blue/percent/output.css
a {
b: color(display-p3 0.2 0.5 0.5);
}

<===>
================================================================================
<===> blue/out_of_range/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7), $blue: 100)}

<===> blue/out_of_range/output.css
a {
b: color(display-p3 0.2 0.5 100);
}

<===>
================================================================================
<===> all/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7), $red: 0.7, $green: 0.4, $blue: 0.2)}

<===> all/output.css
a {
b: color(display-p3 0.7 0.4 0.2);
}

<===>
================================================================================
<===> alpha_input/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7 / 0.9), $red: 0.5)}

<===> alpha_input/output.css
a {
b: color(display-p3 0.5 0.5 0.7 / 0.9);
}

<===>
================================================================================
<===> alpha_arg/input.scss
@use 'sass:color';
a {b: color.change(color(display-p3 0.2 0.5 0.7), $red: 0.5, $alpha: 0.9)}

<===> alpha_arg/output.css
a {
b: color(display-p3 0.5 0.5 0.7 / 0.9);
}
Loading

0 comments on commit 9f18f1e

Please sign in to comment.