mirror of
https://github.com/anuraghazra/github-readme-stats.git
synced 2024-12-27 06:25:47 +08:00
364 lines
8.1 KiB
Plaintext
364 lines
8.1 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Test Render Wakatime Card should render correctly 1`] = `[Function]`;
|
|
|
|
exports[`Test Render Wakatime Card should render correctly with compact layout 1`] = `
|
|
"
|
|
<svg
|
|
width="495"
|
|
height="115"
|
|
viewBox="0 0 495 115"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
role="img"
|
|
aria-labelledby="descId"
|
|
>
|
|
<title id="titleId"></title>
|
|
<desc id="descId"></desc>
|
|
<style>
|
|
.header {
|
|
font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
|
|
fill: #2f80ed;
|
|
animation: fadeInAnimation 0.8s ease-in-out forwards;
|
|
}
|
|
@supports(-moz-appearance: auto) {
|
|
/* Selector detects Firefox */
|
|
.header { font-size: 15.5px; }
|
|
}
|
|
|
|
|
|
.stat {
|
|
font: 600 14px 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif; fill: #434d58;
|
|
}
|
|
@supports(-moz-appearance: auto) {
|
|
/* Selector detects Firefox */
|
|
.stat { font-size:12px; }
|
|
}
|
|
.stagger {
|
|
opacity: 0;
|
|
animation: fadeInAnimation 0.3s ease-in-out forwards;
|
|
}
|
|
.rank-text {
|
|
font: 800 24px 'Segoe UI', Ubuntu, Sans-Serif; fill: #434d58;
|
|
animation: scaleInAnimation 0.3s ease-in-out forwards;
|
|
}
|
|
|
|
.not_bold { font-weight: 400 }
|
|
.bold { font-weight: 700 }
|
|
.icon {
|
|
fill: #4c71f2;
|
|
display: none;
|
|
}
|
|
|
|
.rank-circle-rim {
|
|
stroke: undefined;
|
|
fill: none;
|
|
stroke-width: 6;
|
|
opacity: 0.2;
|
|
}
|
|
.rank-circle {
|
|
stroke: undefined;
|
|
stroke-dasharray: 250;
|
|
fill: none;
|
|
stroke-width: 6;
|
|
stroke-linecap: round;
|
|
opacity: 0.8;
|
|
transform-origin: -10px 8px;
|
|
transform: rotate(-90deg);
|
|
animation: rankAnimation 1s forwards ease-in-out;
|
|
}
|
|
|
|
|
|
@keyframes slideInAnimation {
|
|
from {
|
|
width: 0;
|
|
}
|
|
to {
|
|
width: calc(100%-100px);
|
|
}
|
|
}
|
|
@keyframes growWidthAnimation {
|
|
from {
|
|
width: 0;
|
|
}
|
|
to {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.lang-name { font: 400 11px 'Segoe UI', Ubuntu, Sans-Serif; fill: #434d58 }
|
|
#rect-mask rect{
|
|
animation: slideInAnimation 1s ease-in-out forwards;
|
|
}
|
|
.lang-progress{
|
|
animation: growWidthAnimation 0.6s ease-in-out forwards;
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<rect
|
|
data-testid="card-bg"
|
|
x="0.5"
|
|
y="0.5"
|
|
rx="4.5"
|
|
height="99%"
|
|
stroke="#e4e2e2"
|
|
width="494"
|
|
fill="#fffefe"
|
|
stroke-opacity="1"
|
|
/>
|
|
|
|
|
|
<g
|
|
data-testid="card-title"
|
|
transform="translate(25, 35)"
|
|
>
|
|
<g transform="translate(0, 0)">
|
|
<text
|
|
x="0"
|
|
y="0"
|
|
class="header"
|
|
data-testid="header"
|
|
>Wakatime Stats</text>
|
|
</g>
|
|
</g>
|
|
|
|
|
|
<g
|
|
data-testid="main-card-body"
|
|
transform="translate(0, 55)"
|
|
>
|
|
|
|
<svg x="0" y="0" width="100%">
|
|
|
|
<mask id="rect-mask">
|
|
<rect x="25" y="0" width="440" height="8" fill="white" rx="5" />
|
|
</mask>
|
|
|
|
<rect
|
|
mask="url(#rect-mask)"
|
|
data-testid="lang-progress"
|
|
x="0"
|
|
y="0"
|
|
width="415.61699999999996"
|
|
height="8"
|
|
fill="#858585"
|
|
/>
|
|
|
|
<rect
|
|
mask="url(#rect-mask)"
|
|
data-testid="lang-progress"
|
|
x="415.61699999999996"
|
|
y="0"
|
|
width="29.0625"
|
|
height="8"
|
|
fill="#3178c6"
|
|
/>
|
|
|
|
|
|
<g transform="translate(25, 25)">
|
|
<circle cx="5" cy="6" r="5" fill="#858585" />
|
|
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
|
|
Other - 19 mins
|
|
</text>
|
|
</g>
|
|
|
|
<g transform="translate(230, 25)">
|
|
<circle cx="5" cy="6" r="5" fill="#3178c6" />
|
|
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
|
|
TypeScript - 1 min
|
|
</text>
|
|
</g>
|
|
|
|
|
|
</svg>
|
|
|
|
</g>
|
|
</svg>
|
|
"
|
|
`;
|
|
|
|
exports[`Test Render Wakatime Card should render correctly with compact layout when langs_count is set 1`] = `
|
|
"
|
|
<svg
|
|
width="495"
|
|
height="115"
|
|
viewBox="0 0 495 115"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
role="img"
|
|
aria-labelledby="descId"
|
|
>
|
|
<title id="titleId"></title>
|
|
<desc id="descId"></desc>
|
|
<style>
|
|
.header {
|
|
font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
|
|
fill: #2f80ed;
|
|
animation: fadeInAnimation 0.8s ease-in-out forwards;
|
|
}
|
|
@supports(-moz-appearance: auto) {
|
|
/* Selector detects Firefox */
|
|
.header { font-size: 15.5px; }
|
|
}
|
|
|
|
|
|
.stat {
|
|
font: 600 14px 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif; fill: #434d58;
|
|
}
|
|
@supports(-moz-appearance: auto) {
|
|
/* Selector detects Firefox */
|
|
.stat { font-size:12px; }
|
|
}
|
|
.stagger {
|
|
opacity: 0;
|
|
animation: fadeInAnimation 0.3s ease-in-out forwards;
|
|
}
|
|
.rank-text {
|
|
font: 800 24px 'Segoe UI', Ubuntu, Sans-Serif; fill: #434d58;
|
|
animation: scaleInAnimation 0.3s ease-in-out forwards;
|
|
}
|
|
|
|
.not_bold { font-weight: 400 }
|
|
.bold { font-weight: 700 }
|
|
.icon {
|
|
fill: #4c71f2;
|
|
display: none;
|
|
}
|
|
|
|
.rank-circle-rim {
|
|
stroke: undefined;
|
|
fill: none;
|
|
stroke-width: 6;
|
|
opacity: 0.2;
|
|
}
|
|
.rank-circle {
|
|
stroke: undefined;
|
|
stroke-dasharray: 250;
|
|
fill: none;
|
|
stroke-width: 6;
|
|
stroke-linecap: round;
|
|
opacity: 0.8;
|
|
transform-origin: -10px 8px;
|
|
transform: rotate(-90deg);
|
|
animation: rankAnimation 1s forwards ease-in-out;
|
|
}
|
|
|
|
|
|
@keyframes slideInAnimation {
|
|
from {
|
|
width: 0;
|
|
}
|
|
to {
|
|
width: calc(100%-100px);
|
|
}
|
|
}
|
|
@keyframes growWidthAnimation {
|
|
from {
|
|
width: 0;
|
|
}
|
|
to {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.lang-name { font: 400 11px 'Segoe UI', Ubuntu, Sans-Serif; fill: #434d58 }
|
|
#rect-mask rect{
|
|
animation: slideInAnimation 1s ease-in-out forwards;
|
|
}
|
|
.lang-progress{
|
|
animation: growWidthAnimation 0.6s ease-in-out forwards;
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<rect
|
|
data-testid="card-bg"
|
|
x="0.5"
|
|
y="0.5"
|
|
rx="4.5"
|
|
height="99%"
|
|
stroke="#e4e2e2"
|
|
width="494"
|
|
fill="#fffefe"
|
|
stroke-opacity="1"
|
|
/>
|
|
|
|
|
|
<g
|
|
data-testid="card-title"
|
|
transform="translate(25, 35)"
|
|
>
|
|
<g transform="translate(0, 0)">
|
|
<text
|
|
x="0"
|
|
y="0"
|
|
class="header"
|
|
data-testid="header"
|
|
>Wakatime Stats</text>
|
|
</g>
|
|
</g>
|
|
|
|
|
|
<g
|
|
data-testid="main-card-body"
|
|
transform="translate(0, 55)"
|
|
>
|
|
|
|
<svg x="0" y="0" width="100%">
|
|
|
|
<mask id="rect-mask">
|
|
<rect x="25" y="0" width="440" height="8" fill="white" rx="5" />
|
|
</mask>
|
|
|
|
<rect
|
|
mask="url(#rect-mask)"
|
|
data-testid="lang-progress"
|
|
x="0"
|
|
y="0"
|
|
width="436.4025"
|
|
height="8"
|
|
fill="#858585"
|
|
/>
|
|
|
|
<rect
|
|
mask="url(#rect-mask)"
|
|
data-testid="lang-progress"
|
|
x="436.4025"
|
|
y="0"
|
|
width="30.503999999999998"
|
|
height="8"
|
|
fill="#3178c6"
|
|
/>
|
|
|
|
|
|
<g transform="translate(25, 25)">
|
|
<circle cx="5" cy="6" r="5" fill="#858585" />
|
|
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
|
|
Other - 19 mins
|
|
</text>
|
|
</g>
|
|
|
|
<g transform="translate(230, 25)">
|
|
<circle cx="5" cy="6" r="5" fill="#3178c6" />
|
|
<text data-testid="lang-name" x="15" y="10" class='lang-name'>
|
|
TypeScript - 1 min
|
|
</text>
|
|
</g>
|
|
|
|
|
|
</svg>
|
|
|
|
</g>
|
|
</svg>
|
|
"
|
|
`;
|