mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-01 03:29:39 +08:00
test: update snapshot
This commit is contained in:
parent
ceba0d5c23
commit
c89e33d0b6
@ -18734,7 +18734,7 @@ exports[`ConfigProvider components Progress configProvider 1`] = `
|
||||
>
|
||||
<div
|
||||
class="config-progress-bg"
|
||||
style="width:0%;height:8px;border-radius:"
|
||||
style="width:0%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -18759,7 +18759,7 @@ exports[`ConfigProvider components Progress configProvider componentSize large 1
|
||||
>
|
||||
<div
|
||||
class="config-progress-bg"
|
||||
style="width:0%;height:8px;border-radius:"
|
||||
style="width:0%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -18784,7 +18784,7 @@ exports[`ConfigProvider components Progress configProvider componentSize middle
|
||||
>
|
||||
<div
|
||||
class="config-progress-bg"
|
||||
style="width:0%;height:8px;border-radius:"
|
||||
style="width:0%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -18809,7 +18809,7 @@ exports[`ConfigProvider components Progress configProvider virtual and dropdownM
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:0%;height:8px;border-radius:"
|
||||
style="width:0%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -18834,7 +18834,7 @@ exports[`ConfigProvider components Progress normal 1`] = `
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:0%;height:8px;border-radius:"
|
||||
style="width:0%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -18859,7 +18859,7 @@ exports[`ConfigProvider components Progress prefixCls 1`] = `
|
||||
>
|
||||
<div
|
||||
class="prefix-Progress-bg"
|
||||
style="width:0%;height:8px;border-radius:"
|
||||
style="width:0%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -92,7 +92,7 @@ const Line: React.FC<LineProps> = props => {
|
||||
const percentStyle = {
|
||||
width: `${validProgress(percent)}%`,
|
||||
height: strokeWidth || (size === 'small' ? 6 : 8),
|
||||
borderRadius: strokeLinecap === 'square' ? 0 : '',
|
||||
borderRadius: strokeLinecap === 'square' ? 0 : undefined,
|
||||
...backgroundProps,
|
||||
} as React.CSSProperties;
|
||||
|
||||
@ -101,7 +101,7 @@ const Line: React.FC<LineProps> = props => {
|
||||
const successPercentStyle = {
|
||||
width: `${validProgress(successPercent)}%`,
|
||||
height: strokeWidth || (size === 'small' ? 6 : 8),
|
||||
borderRadius: strokeLinecap === 'square' ? 0 : '',
|
||||
borderRadius: strokeLinecap === 'square' ? 0 : undefined,
|
||||
backgroundColor: success?.strokeColor,
|
||||
} as React.CSSProperties;
|
||||
|
||||
|
@ -643,7 +643,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:0%;height:8px;border-radius:"
|
||||
style="width:0%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -839,7 +839,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:99.9%;height:8px;border-radius:;background-image:linear-gradient(to right, #108ee9 0%, #87d068 100%)"
|
||||
style="width:99.9%;height:8px;background-image:linear-gradient(to right, #108ee9 0%, #87d068 100%)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -861,7 +861,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:99.9%;height:8px;border-radius:;background-image:linear-gradient(to right, #108ee9, #87d068)"
|
||||
style="width:99.9%;height:8px;background-image:linear-gradient(to right, #108ee9, #87d068)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1049,7 +1049,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:30%;height:8px;border-radius:"
|
||||
style="width:30%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1071,7 +1071,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:50%;height:8px;border-radius:"
|
||||
style="width:50%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1093,7 +1093,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:70%;height:8px;border-radius:"
|
||||
style="width:70%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1132,7 +1132,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:100%;height:8px;border-radius:"
|
||||
style="width:100%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1171,7 +1171,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:50%;height:8px;border-radius:"
|
||||
style="width:50%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1194,7 +1194,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:30%;height:6px;border-radius:"
|
||||
style="width:30%;height:6px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1216,7 +1216,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:50%;height:6px;border-radius:"
|
||||
style="width:50%;height:6px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1238,7 +1238,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:70%;height:6px;border-radius:"
|
||||
style="width:70%;height:6px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1277,7 +1277,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:100%;height:6px;border-radius:"
|
||||
style="width:100%;height:6px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1456,11 +1456,11 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:60%;height:8px;border-radius:"
|
||||
style="width:60%;height:8px"
|
||||
/>
|
||||
<div
|
||||
class="ant-progress-success-bg"
|
||||
style="width:30%;height:8px;border-radius:"
|
||||
style="width:30%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -643,7 +643,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:0%;height:8px;border-radius:"
|
||||
style="width:0%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -839,7 +839,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:99.9%;height:8px;border-radius:;background-image:linear-gradient(to right, #108ee9 0%, #87d068 100%)"
|
||||
style="width:99.9%;height:8px;background-image:linear-gradient(to right, #108ee9 0%, #87d068 100%)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -861,7 +861,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:99.9%;height:8px;border-radius:;background-image:linear-gradient(to right, #108ee9, #87d068)"
|
||||
style="width:99.9%;height:8px;background-image:linear-gradient(to right, #108ee9, #87d068)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1049,7 +1049,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:30%;height:8px;border-radius:"
|
||||
style="width:30%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1071,7 +1071,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:50%;height:8px;border-radius:"
|
||||
style="width:50%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1093,7 +1093,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:70%;height:8px;border-radius:"
|
||||
style="width:70%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1132,7 +1132,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:100%;height:8px;border-radius:"
|
||||
style="width:100%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1171,7 +1171,7 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:50%;height:8px;border-radius:"
|
||||
style="width:50%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1194,7 +1194,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:30%;height:6px;border-radius:"
|
||||
style="width:30%;height:6px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1216,7 +1216,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:50%;height:6px;border-radius:"
|
||||
style="width:50%;height:6px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1238,7 +1238,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:70%;height:6px;border-radius:"
|
||||
style="width:70%;height:6px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1277,7 +1277,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:100%;height:6px;border-radius:"
|
||||
style="width:100%;height:6px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1456,11 +1456,11 @@ Array [
|
||||
>
|
||||
<div
|
||||
class="ant-progress-bg"
|
||||
style="width:60%;height:8px;border-radius:"
|
||||
style="width:60%;height:8px"
|
||||
/>
|
||||
<div
|
||||
class="ant-progress-success-bg"
|
||||
style="width:30%;height:8px;border-radius:"
|
||||
style="width:30%;height:8px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -421,66 +421,28 @@ exports[`Progress render strokeColor 1`] = `
|
||||
`;
|
||||
|
||||
exports[`Progress render strokeColor 2`] = `
|
||||
<Progress
|
||||
percent={50}
|
||||
showInfo={true}
|
||||
size="default"
|
||||
strokeColor={
|
||||
Object {
|
||||
"from": "#108ee9",
|
||||
"to": "#87d068",
|
||||
}
|
||||
}
|
||||
strokeLinecap="round"
|
||||
trailColor={null}
|
||||
type="line"
|
||||
<div
|
||||
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
|
||||
>
|
||||
<div
|
||||
className="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
|
||||
class="ant-progress-outer"
|
||||
>
|
||||
<Line
|
||||
percent={50}
|
||||
prefixCls="ant-progress"
|
||||
showInfo={true}
|
||||
size="default"
|
||||
strokeColor={
|
||||
Object {
|
||||
"from": "#108ee9",
|
||||
"to": "#87d068",
|
||||
}
|
||||
}
|
||||
strokeLinecap="round"
|
||||
trailColor={null}
|
||||
type="line"
|
||||
<div
|
||||
class="ant-progress-inner"
|
||||
>
|
||||
<div
|
||||
className="ant-progress-outer"
|
||||
>
|
||||
<div
|
||||
className="ant-progress-inner"
|
||||
>
|
||||
<div
|
||||
className="ant-progress-bg"
|
||||
style={
|
||||
Object {
|
||||
"backgroundImage": "linear-gradient(to right, #108ee9, #87d068)",
|
||||
"borderRadius": "",
|
||||
"height": 8,
|
||||
"width": "50%",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<span
|
||||
className="ant-progress-text"
|
||||
title="50%"
|
||||
>
|
||||
50%
|
||||
</span>
|
||||
</Line>
|
||||
class="ant-progress-bg"
|
||||
style="width: 50%; height: 8px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</Progress>
|
||||
<span
|
||||
class="ant-progress-text"
|
||||
title="50%"
|
||||
>
|
||||
50%
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Progress render strokeColor 3`] = `
|
||||
|
@ -62,7 +62,7 @@ describe('Progress', () => {
|
||||
},
|
||||
type: 'line',
|
||||
});
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
expect(wrapper.render()).toMatchSnapshot();
|
||||
wrapper.setProps({
|
||||
strokeColor: {
|
||||
'0%': '#108ee9',
|
||||
|
Loading…
Reference in New Issue
Block a user