Version 3.0.0 #182
Appleloci.yml
on: pull_request
Build: node-20, ubuntu-latest
18s
Coverage: node-20, ubuntu-latest
34s
Lint: node-20, ubuntu-latest
21s
Matrix: test
Annotations
24 errors and 9 warnings
|
test/styles.test.ts > styles generation > scss:
test/styles.test.ts#L57
Error: Snapshot `styles generation > scss 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:57:32
|
|
test/styles.test.ts > styles generation > include scss true:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss true 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > include scss ["mixin"]:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss ["mixin"] 1` mismatched
- Expected
+ Received
"/* Generated by vite-plugin-svg-spritemap */
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > include scss ["mixin","variables"]:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss ["mixin","variables"] 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > custom scss names:
test/styles.test.ts#L118
Error: Snapshot `styles generation > custom scss names 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin icon-sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($icons, $name);
+ $sprite: map.get($icons, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$icon-prefix}#{$name}-view';
+ $url: '/#{$route}##{$icon-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:118:32
|
|
Coverage: node-20, ubuntu-latest
Process completed with exit code 1.
|
|
test/styles.test.ts > styles generation > scss:
test/styles.test.ts#L57
Error: Snapshot `styles generation > scss 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:57:32
|
|
test/styles.test.ts > styles generation > include scss true:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss true 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > include scss ["mixin"]:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss ["mixin"] 1` mismatched
- Expected
+ Received
"/* Generated by vite-plugin-svg-spritemap */
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > include scss ["mixin","variables"]:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss ["mixin","variables"] 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > custom scss names:
test/styles.test.ts#L118
Error: Snapshot `styles generation > custom scss names 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin icon-sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($icons, $name);
+ $sprite: map.get($icons, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$icon-prefix}#{$name}-view';
+ $url: '/#{$route}##{$icon-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:118:32
|
|
Test: node-20, ubuntu-latest
Process completed with exit code 1.
|
|
test/styles.test.ts > styles generation > scss:
test/styles.test.ts#L57
Error: Snapshot `styles generation > scss 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:57:32
|
|
test/styles.test.ts > styles generation > include scss true:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss true 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > include scss ["mixin"]:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss ["mixin"] 1` mismatched
- Expected
+ Received
"/* Generated by vite-plugin-svg-spritemap */
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > include scss ["mixin","variables"]:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss ["mixin","variables"] 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > custom scss names:
test/styles.test.ts#L118
Error: Snapshot `styles generation > custom scss names 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin icon-sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($icons, $name);
+ $sprite: map.get($icons, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$icon-prefix}#{$name}-view';
+ $url: '/#{$route}##{$icon-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:118:32
|
|
Test: node-18, ubuntu-latest
Process completed with exit code 1.
|
|
test/styles.test.ts > styles generation > scss:
test/styles.test.ts#L57
Error: Snapshot `styles generation > scss 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:57:32
|
|
test/styles.test.ts > styles generation > include scss true:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss true 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > include scss ["mixin"]:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss ["mixin"] 1` mismatched
- Expected
+ Received
"/* Generated by vite-plugin-svg-spritemap */
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > include scss ["mixin","variables"]:
test/styles.test.ts#L93
Error: Snapshot `styles generation > include scss ["mixin","variables"] 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($sprites, $name);
+ $sprite: map.get($sprites, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
+ $url: '/#{$route}##{$sprites-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:93:36
|
|
test/styles.test.ts > styles generation > custom scss names:
test/styles.test.ts#L118
Error: Snapshot `styles generation > custom scss names 1` mismatched
- Expected
+ Received
@@ -22,37 +22,39 @@
width: 31.88px,
height: 32px
)
);
+ @use "sass:map";
+
@mixin icon-sprite(
- $name,
+ $name,
- $include-size: false,
+ $include-size: false,
- $type: 'uri',
+ $type: 'uri',
- $mode: 'background',
+ $mode: 'background',
- $route: '__spritemap'
+ $route: '__spritemap'
) {
- $sprite: map-get($icons, $name);
+ $sprite: map.get($icons, $name);
- $url: false;
+ $url: false;
- @if $type == 'fragment' {
+ @if $type == 'fragment' {
- $url: '/#{$route}##{$icon-prefix}#{$name}-view';
+ $url: '/#{$route}##{$icon-prefix}#{$name}-view';
- } @else if $type == 'uri' {
+ } @else if $type == 'uri' {
- $url: map-get($sprite, uri);
+ $url: map.get($sprite, uri);
- } @else {
+ } @else {
- @error 'sprite(): $type must be either "fragment" or "uri"';
+ @error 'sprite(): $type must be either "fragment" or "uri"';
- }
+ }
- @if $url {
+ @if $url {
- #{$mode}: url($url) center no-repeat;
+ #{$mode}: url($url) center no-repeat;
- @if $include-size {
+ @if $include-size {
- @if $include-size == true {
+ @if $include-size == true {
- #{$mode}-size: map-get($sprite, width) map-get($sprite, height);
+ #{$mode}-size: map.get($sprite, width) map.get($sprite, height);
- } @else if $include-size == 'box' {
+ } @else if $include-size == 'box' {
- width: map-get($sprite, width);
+ width: map.get($sprite, width);
- height: map-get($sprite, height);
+ height: map.get($sprite, height);
- }
+ }
- }
- }
+ }
+ }
}
"
❯ test/styles.test.ts:118:32
|
|
Test: node-20, macos-latest
Process completed with exit code 1.
|
|
Build: node-20, ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Lint: node-20, ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Coverage: node-20, ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Test: node-20, ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Test: node-20, ubuntu-latest
No files were found with the provided path: test/project/. No artifacts will be uploaded.
|
|
Test: node-18, ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Test: node-18, ubuntu-latest
No files were found with the provided path: test/project/. No artifacts will be uploaded.
|
|
Test: node-20, macos-latest
No files were found with the provided path: test/project/. No artifacts will be uploaded.
|
|
Test: node-20, windows-latest
Received request to deprovision: The request was cancelled by the remote provider.
|