test: update snapshot

ant-design · Mar 30, 2022 · c89e33d · c89e33d
1 parent ceba0d5
commit c89e33d
Show file tree

Hide file tree

Showing 6 changed files with 53 additions and 91 deletions.
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -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>

diff --git a/components/progress/Line.tsx b/components/progress/Line.tsx
@@ -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;
 

diff --git a/components/progress/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/progress/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -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>

diff --git a/components/progress/__tests__/__snapshots__/demo.test.js.snap b/components/progress/__tests__/__snapshots__/demo.test.js.snap
@@ -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>

diff --git a/components/progress/__tests__/__snapshots__/index.test.js.snap b/components/progress/__tests__/__snapshots__/index.test.js.snap
@@ -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`] = `