exports[`Resizable Skeleton Loader default setup renders the bars, labels, and grid with correct position, size, and rx percentages 1`] = `
exports[`Resizable Skeleton Loader default setup renders the bars, labels, and grid with correct position, size, and rx percentages 1`] = `
<gl-skeleton-loader-stub
<svg
baseurl=""
class="gl-skeleton-loader"
preserveAspectRatio="xMidYMid meet"
version="1.1"
viewBox="0 0 400 130"
>
<rect
clip-path="url(#null-idClip)"
height="130"
height="130"
preserveaspectratio="xMidYMid meet"
style="fill: url(#null-idGradient);"
width="400"
width="400"
>
x="0"
y="0"
/>
<defs>
<clippath
id="null-idClip"
>
<rect
<rect
data-testid="skeleton-chart-grid"
data-testid="skeleton-chart-grid"
height="1px"
height="1px"
...
@@ -158,17 +170,67 @@ exports[`Resizable Skeleton Loader default setup renders the bars, labels, and g
...
@@ -158,17 +170,67 @@ exports[`Resizable Skeleton Loader default setup renders the bars, labels, and g
x="89.125%"
x="89.125%"
y="95%"
y="95%"
/>
/>
</gl-skeleton-loader-stub>
</clippath>
<lineargradient
id="null-idGradient"
>
<stop
class="primary-stop"
offset="0%"
>
<animate
attributeName="offset"
dur="1s"
repeatCount="indefinite"
values="-2; 1"
/>
</stop>
<stop
class="secondary-stop"
offset="50%"
>
<animate
attributeName="offset"
dur="1s"
repeatCount="indefinite"
values="-1.5; 1.5"
/>
</stop>
<stop
class="primary-stop"
offset="100%"
>
<animate
attributeName="offset"
dur="1s"
repeatCount="indefinite"
values="-1; 2"
/>
</stop>
</lineargradient>
</defs>
</svg>
`;
`;
exports[`Resizable Skeleton Loader with custom settings renders the correct position, and size percentages for bars and labels with different settings 1`] = `
exports[`Resizable Skeleton Loader with custom settings renders the correct position, and size percentages for bars and labels with different settings 1`] = `
<gl-skeleton-loader-stub
<svg
baseurl=""
class="gl-skeleton-loader"
preserveAspectRatio="xMidYMid meet"
version="1.1"
viewBox="0 0 400 130"
>
<rect
clip-path="url(#-idClip)"
height="130"
height="130"
preserveaspectratio="xMidYMid meet"
style="fill: url(#-idGradient);"
uniquekey=""
width="400"
width="400"
>
x="0"
y="0"
/>
<defs>
<clippath
id="-idClip"
>
<rect
<rect
data-testid="skeleton-chart-grid"
data-testid="skeleton-chart-grid"
height="1px"
height="1px"
...
@@ -320,5 +382,44 @@ exports[`Resizable Skeleton Loader with custom settings renders the correct posi
...
@@ -320,5 +382,44 @@ exports[`Resizable Skeleton Loader with custom settings renders the correct posi