165 lines
3.3 KiB
Text
165 lines
3.3 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Spinner has custom color 1`] = `
|
|
<Spinner
|
|
color="#ffffff"
|
|
size="small"
|
|
>
|
|
<div
|
|
role="status"
|
|
style={
|
|
Object {
|
|
"border": "3px solid #ffffff",
|
|
"borderRadius": "50%",
|
|
"borderRightColor": "transparent",
|
|
"display": "inline-block",
|
|
"height": "25px",
|
|
"verticalAlign": "text-bottom",
|
|
"width": "25px",
|
|
}
|
|
}
|
|
>
|
|
<ScreenReaderOnlyText>
|
|
<span
|
|
style={
|
|
Object {
|
|
"border": 0,
|
|
"clip": "rect(0,0,0,0)",
|
|
"height": "1px",
|
|
"margin": "-1px",
|
|
"overflow": "hidden",
|
|
"padding": 0,
|
|
"position": "absolute",
|
|
"width": "1px",
|
|
}
|
|
}
|
|
>
|
|
Loading...
|
|
</span>
|
|
</ScreenReaderOnlyText>
|
|
</div>
|
|
</Spinner>
|
|
`;
|
|
|
|
exports[`Spinner is large 1`] = `
|
|
<Spinner
|
|
color="currentcolor"
|
|
size="large"
|
|
>
|
|
<div
|
|
role="status"
|
|
style={
|
|
Object {
|
|
"border": "3px solid currentcolor",
|
|
"borderRadius": "50%",
|
|
"borderRightColor": "transparent",
|
|
"display": "inline-block",
|
|
"height": "100px",
|
|
"verticalAlign": "text-bottom",
|
|
"width": "100px",
|
|
}
|
|
}
|
|
>
|
|
<ScreenReaderOnlyText>
|
|
<span
|
|
style={
|
|
Object {
|
|
"border": 0,
|
|
"clip": "rect(0,0,0,0)",
|
|
"height": "1px",
|
|
"margin": "-1px",
|
|
"overflow": "hidden",
|
|
"padding": 0,
|
|
"position": "absolute",
|
|
"width": "1px",
|
|
}
|
|
}
|
|
>
|
|
Loading...
|
|
</span>
|
|
</ScreenReaderOnlyText>
|
|
</div>
|
|
</Spinner>
|
|
`;
|
|
|
|
exports[`Spinner is normal 1`] = `
|
|
<Spinner
|
|
color="currentcolor"
|
|
size="normal"
|
|
>
|
|
<div
|
|
role="status"
|
|
style={
|
|
Object {
|
|
"border": "3px solid currentcolor",
|
|
"borderRadius": "50%",
|
|
"borderRightColor": "transparent",
|
|
"display": "inline-block",
|
|
"height": "50px",
|
|
"verticalAlign": "text-bottom",
|
|
"width": "50px",
|
|
}
|
|
}
|
|
>
|
|
<ScreenReaderOnlyText>
|
|
<span
|
|
style={
|
|
Object {
|
|
"border": 0,
|
|
"clip": "rect(0,0,0,0)",
|
|
"height": "1px",
|
|
"margin": "-1px",
|
|
"overflow": "hidden",
|
|
"padding": 0,
|
|
"position": "absolute",
|
|
"width": "1px",
|
|
}
|
|
}
|
|
>
|
|
Loading...
|
|
</span>
|
|
</ScreenReaderOnlyText>
|
|
</div>
|
|
</Spinner>
|
|
`;
|
|
|
|
exports[`Spinner is small 1`] = `
|
|
<Spinner
|
|
color="currentcolor"
|
|
size="small"
|
|
>
|
|
<div
|
|
role="status"
|
|
style={
|
|
Object {
|
|
"border": "3px solid currentcolor",
|
|
"borderRadius": "50%",
|
|
"borderRightColor": "transparent",
|
|
"display": "inline-block",
|
|
"height": "25px",
|
|
"verticalAlign": "text-bottom",
|
|
"width": "25px",
|
|
}
|
|
}
|
|
>
|
|
<ScreenReaderOnlyText>
|
|
<span
|
|
style={
|
|
Object {
|
|
"border": 0,
|
|
"clip": "rect(0,0,0,0)",
|
|
"height": "1px",
|
|
"margin": "-1px",
|
|
"overflow": "hidden",
|
|
"padding": 0,
|
|
"position": "absolute",
|
|
"width": "1px",
|
|
}
|
|
}
|
|
>
|
|
Loading...
|
|
</span>
|
|
</ScreenReaderOnlyText>
|
|
</div>
|
|
</Spinner>
|
|
`;
|