Skip to content

Commit

Permalink
Merge pull request #1933 from Financial-Times/o-visual-effects-rgb-va…
Browse files Browse the repository at this point in the history
…lues-update

[OR-1220]: Fix failing test for o-visual-effects
  • Loading branch information
j-mes authored Jan 17, 2025
2 parents 2fcc97e + 9bc66af commit 7c83813
Showing 1 changed file with 9 additions and 2 deletions.
11 changes: 9 additions & 2 deletions components/o-visual-effects/test/scss/_mixins.test.scss
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
@include test-module('oVisualEffects') {
@include test('Outputs timing css custom properties and shadow classes by default') {

// css custom properties for timing functions by default
@include assert {
@include output($selector: false) {
@include oVisualEffects();
}

@include contains($selector: false) {
:root {
--o-visual-effects-timing-slide: cubic-bezier(1, 0, 0.5, 1.275);
Expand All @@ -13,24 +15,29 @@
}
}
}

// box shadow styles by default
@include assert {
@include output($selector: false) {
@include oVisualEffects();
}

@include contains($selector: false) {
.o-visual-effects-shadow-low {
box-shadow: 0 1px 2px rgba(77, 72, 69, 0.25), 0 4px 6px rgba(77, 72, 69, 0.1);
box-shadow: 0 1px 2px rgba(76.5, 72.3, 68.7, 0.25), 0 4px 6px rgba(76.5, 72.3, 68.7, 0.1);
}
}
}
}

@include test('Outputs nothing with an empty options map') {
@include assert {
@include output() {
@include oVisualEffects($opts: ());
}
@include expect() { // stylelint-disable-line block-no-empty

@include expect() {
// stylelint-disable-line block-no-empty
}
}
}
Expand Down

0 comments on commit 7c83813

Please sign in to comment.