ant-design/61dd1646-async.bf85bc64.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["61dd1646"],{"508c5407":function(e,a,s){"use strict";s.d(a,"__esModule",{value:!0}),s.d(a,"texts",{enumerable:!0,get:function(){return t;}}),s("8ea000f5");let t=[{value:"\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5\uFF08Visual Regression Testing\uFF09\u662F\u4E00\u79CD\u8F6F\u4EF6\u6D4B\u8BD5\u6280\u672F\uFF0C\u4E13\u6CE8\u4E8E\u68C0\u6D4B Web \u5E94\u7528\u7A0B\u5E8F\u6216\u7F51\u7AD9\u7684\u7528\u6237\u754C\u9762\u4E2D\u7684\u89C6\u89C9\u53D8\u5316\u548C\u5DEE\u5F02, \u5B83\u6D89\u53CA\u5728\u4E0D\u540C\u7684\u5F00\u53D1\u9636\u6BB5\u6355\u83B7\u7F51\u9875\u7684\u5C4F\u5E55\u622A\u56FE\uFF0C\u5E76\u8FDB\u884C\u6BD4\u8F83\uFF0C\u7528\u6765\u8BC6\u522B\u7531\u4EE3\u7801\u66F4\u6539\u6216\u66F4\u65B0\u5F15\u8D77\u7684\u4EFB\u4F55\u610F\u5916\u7684\u89C6\u89C9\u56DE\u5F52\u3002",paraId:0},{value:"Ant Design \u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5\u7684\u4E3B\u8981\u76EE\u6807\u662F\u68C0\u6D4B\u7EC4\u4EF6\u7684\u89C6\u89C9\u53D8\u5316\uFF0C\u907F\u514D PR \u6539\u52A8\u5F15\u5165\u7684\u89C6\u89C9\u95EE\u9898\u3002\u6211\u4EEC\u4F7F\u7528 ",paraId:1,tocIndex:0},{value:"jest-puppeteer",paraId:1,tocIndex:0},{value:" \u4F5C\u4E3A\u6D4B\u8BD5\u6846\u67B6\u3002\u5C06 Puppeteer \u4E0E Jest \u7ED3\u5408\u4F7F\u7528\uFF0C\u5BF9\u6BCF\u4E00\u4E2A\u7EC4\u4EF6 Demo \u8FDB\u884C\u622A\u56FE\uFF0C\u7136\u540E\u4E0E\u57FA\u51C6\u622A\u56FE\u8FDB\u884C\u6BD4\u8F83\u3002",paraId:1,tocIndex:0},{value:"\u53EF\u4EE5\u770B\u5230\u6BCF\u4E2A\u7EC4\u4EF6\u4E0B\u7684 ",paraId:2,tocIndex:0},{value:"__tests__/image.test.ts",paraId:2,tocIndex:0},{value:" \u91CC\u9762\u5305\u542B\u4E86\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5\u7684\u4EE3\u7801, \u4F60\u53EF\u4EE5\u901A\u8FC7\u4EE5\u4E0B\u547D\u4EE4\u5728 antd \u4ED3\u5E93\u4E2D\u8FD0\u884C\u89C6\u89C9\u622A\u56FE:",paraId:2,tocIndex:0},{value:"npm run test:image # \u622A\u56FE\u5C06\u4F1A\u4FDD\u5B58\u5728 imageSnapshots \u76EE\u5F55\u4E0B, \u6307\u5B9A\u7EC4\u4EF6\u622A\u56FE\u53EF\u4EE5\u4F7F\u7528 npm run test:image -- components/button\n",paraId:3,tocIndex:0},{value:"\u65E9\u671F\u6211\u4EEC\u4F7F\u7528 ",paraId:4,tocIndex:2},{value:"Argos",paraId:4,tocIndex:2},{value:" \u4F5C\u4E3A\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5\u7684\u65B9\u6848\uFF0C\u4F46\u662F Argos \u4FEE\u6539\u4E86\u6536\u8D39\u7B56\u7565\uFF0Cantd \u5728\u6BCF\u6B21 PR \u4E2D\u90FD\u4F1A\u89E6\u53D1\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5\uFF0C\u6BCF\u6B21\u5BF9\u6BD4\u5C06\u8FD1 6,000 \u5F20\u622A\u56FE\uFF0C\u8FD9\u6837\u7684\u8D39\u7528\u662F\u6211\u4EEC\u65E0\u6CD5\u627F\u53D7\u7684\u3002",paraId:4,tocIndex:2},{value:"\u6211\u4EEC\u81EA\u5EFA\u4E86\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5\u7684\u65B9\u6848\uFF0C\u5229\u7528\u524D\u9762\u63D0\u5230\u7684 jest-puppeteer\uFF0C\u5C06\u6BCF\u4E00\u4E2A\u7EC4\u4EF6\u7684 Demo \u5206\u522B\u4F7F\u7528 ",paraId:5,tocIndex:3},{value:"dark",paraId:5,tocIndex:3},{value:"\u3001",paraId:5,tocIndex:3},{value:"light",paraId:5,tocIndex:3},{value:"\u3001",paraId:5,tocIndex:3},{value:"compact",paraId:5,tocIndex:3},{value:" \u4EE5\u53CA ",paraId:5,tocIndex:3},{value:"cssVar",paraId:5,tocIndex:3},{value:" \u56DB\u79CD\u4E3B\u9898\u8FDB\u884C\u622A\u56FE\uFF0C\u7136\u540E\u5C06\u622A\u56FE\u4E0A\u4F20\u5230 ",paraId:5,tocIndex:3},{value:"\u963F\u91CC\u4E91 OSS",paraId:5,tocIndex:3},{value:" \u4E2D\uFF0C\u4F5C\u4E3A\u57FA\u51C6\u622A\u56FE\u3002",paraId:5,tocIndex:3},{value:"\u5229\u7528 GitHub Actions \u6301\u7EED\u96C6\u6210\uFF0C\u53EF\u4EE5\u5728\u6BCF\u6B21\u57FA\u51C6\u5206\u652F\u7684\u4EE3\u7801\u53D8\u52A8\u65F6\uFF0C\u81EA\u52A8\u622A\u56FE\u5E76\u4E0A\u4F20\u5230 OSS \u4E2D\uFF0C\u8FD9\u6837\u5C31\u4FDD\u8BC1\u4E86\u57FA\u51C6\u622A\u56FE\u7684\u5B9E\u65F6\u6027\u3002",paraId:6,tocIndex:3},{value:"\u5BF9\u4E8E\u9700\u8981\u8FDB\u884C\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5\u7684\u5206\u652F\uFF0C\u6211\u4EEC\u4F7F\u7528 ",paraId:7,tocIndex:3},{value:"pixelmatch",paraId:7,tocIndex:3},{value:" \u5C06\u5F53\u524D\u622A\u56FE\u4E0E\u57FA\u51C6\u622A\u56FE\u8FDB\u884C\u6BD4\u8F83\uFF0C\u5982\u679C\u6709\u5DEE\u5F02\uFF0C\u5C06\u4F1A\u751F\u6210\u5DEE\u5F02\u622A\u56FE\uFF0C\u5E76\u5C06\u5DEE\u5F02\u62A5\u544A\u4E0A\u4F20\u5230 OSS \u4E2D\u3002",paraId:7,tocIndex:3},{value:"\u8FDB\u4E00\u6B65\u5229\u7528 GitHub Actions\uFF0C\u5B9E\u73B0\u5728 PR \u4E2D\u5BF9\u6BD4\u57FA\u51C6\u622A\u56FE\uFF0C\u5982\u679C\u6709\u89C6\u89C9\u5DEE\u5F02\uFF0CCI \u4F1A\u5C06 PR \u4E2D\u7684\u5DEE\u5F02\u622A\u56FE\u548C\u62A5\u544A\u4E0A\u4F20\u5230 OSS \u4E2D\uFF0C\u5728 PR \u4E2D\u5C55\u793A\u89C6\u89C9\u5DEE\u5F02\uFF0C\u540C\u65F6\u6807\u8BB0\u4E3A\u5931\u8D25\uFF0C\u9700\u8981\u5F00\u53D1\u8005\u8FDB\u884C\u4FEE\u590D\u3002",paraId:8,tocIndex:3},{value:"\u5728\u672C\u5730\u5F00\u53D1\uFF0C\u51C6\u5907\u63D0\u4EA4 PR \u8D21\u732E\u65F6\uFF0C\u6211\u4EEC\u4E5F\u53EF\u4EE5\u901A\u8FC7\u4EE5\u4E0B\u547D\u4EE4\u6765\u4E8B\u5148\u8FDB\u884C\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5:",paraId:9,tocIndex:4},{value:"npm run test:visual-regression:local # \u6309\u7167\u63D0\u793A\u9009\u62E9\u7EC4\u4EF6\u8FDB\u884C\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5\n",paraId:10,tocIndex:4},{value:"\u89C6\u89C9\u56DE\u5F52\u6301\u7EED\u96C6\u6210\u65B9\u6848\uFF0C\u53EF\u4EE5\u53C2\u8003 ",paraId:11,tocIndex:5},{value:".github/workflows/visual-regression-*.yml",paraId:11,tocIndex:5},{value:"\u57FA\u51C6\u622A\u56FE\u5B9E\u73B0\uFF0C\u53EF\u4EE5\u53C2\u8003 ",paraId:11,tocIndex:5},{value:"tests/shared/imageTest.tsx",paraId:11,tocIndex:5},{value:"\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5\u7684\u4EE3\u7801\u5B9E\u73B0\uFF0C\u53EF\u4EE5\u53C2\u8003 ",paraId:11,tocIndex:5},{value:"scripts/visual-regression",paraId:11,tocIndex:5}];},"61dd1646":function(e,a,s){"use strict";s.d(a,"__esModule",{value:!0}),s.d(a,"default",{enumerable:!0,get:function(){return x;}});var t=s("777fffbe"),d=s("f19d2b93"),l=t._(s("b622e337")),n=t._(s("97c488ea")),r=t._(s("c96b0d01")),u=s("5b220c3d"),c=s("9c86e52a"),i=s("508c5407"),x=function(){return(0,d.jsx)(c.DumiPage,{children:(0,d.jsx)(u.Suspense,{fallback:(0,d.jsx)(r.default,{}),children:(0,d.jsx)(d.Fragment,{children:(0,d.jsxs)("div",{className:"markdown",children:[(0,d.jsx)("p",{children:i.texts[0].value}),(0,d.jsxs)("h2",{id:"\u57FA\u51C6\u622A\u56FE",children:[(0,d.jsx)(n.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u57FA\u51C6\u622A\u56FE",sourceType:"a",children:(0,d.jsx)("span",{className:"icon icon-link"})}),"\u57FA\u51C6\u622A\u56FE"]}),(0,d.jsxs)("p",{children:[i.texts[1].value,(0,d.jsx)(n.default,{href:"https://jestjs.io/docs/puppeteer",sourceType:"a",children:i.texts[2].value}),i.texts[3].value]}),(0,d.jsxs)("p",{children:[i.texts[4].value,(0,d.jsx)("code",{children:i.texts[5].value}),i.texts[6].value]}),(0,d.jsx)(l.default,{lang:"bash",children:i.texts[7].value}),(0,d.jsxs)("h2",{id:"\u89C6\u89C9\u56DE\u5F52\u65B9\u6848",children:[(0,d.jsx)(n.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u89C6\u89C9\u56DE\u5F52\u65B9\u6848",sourceType:"a",children:(0,d.jsx)("span",{className:"icon icon-link"})}),"\u89C6\u89C9\u56DE\u5F52\u65B9\u6848"]}),(0,d.jsxs)("h3",{id:"argos",children:[(0,d.jsx)(n.default,{"aria-hidden":"true",tabIndex:"-1",href:"#argos",sourceType:"a",children:(0,d.jsx)("span",{className:"icon icon-link"})}),"Argos"]}),(0,d.jsxs)("p",{children:[i.texts[8].value,(0,d.jsx)(n.default,{href:"https://argos-ci.com/",sourceType:"a",children:i.texts[9].value}),i.texts[10].value]}),(0,d.jsxs)("h3",{id:"self-hosted",children:[(0,d.jsx)(n.default,{"aria-hidden":"true",tabIndex:"-1",href:"#self-hosted",sourceType:"a",children:(0,d.jsx)("span",{className:"icon icon-link"})}),"Self-hosted"]}),(0,d.jsxs)("p",{children:[i.texts[11].value,(0,d.jsx)("code",{children:i.texts[12].value}),i.texts[13].value,(0,d.jsx)("code",{children:i.texts[14].value}),i.texts[15].value,(0,d.jsx)("code",{children:i.texts[16].value}),i.texts[17].value,(0,d.jsx)("code",{children:i.texts[18].value}),i.texts[19].value,(0,d.jsx)(n.default,{href:"https://www.aliyun.com/product/oss",sourceType:"a",children:i.texts[20].value}),i.texts[21].value]}),(0,d.jsx)("p",{children:i.texts[22].value}),(0,d.jsxs)("p",{children:[i.texts[23].value,(0,d.jsx)(n.default,{href:"https://github.com/mapbox/pixelmatch",sourceType:"a",children:i.texts[24].value}),i.texts[25].value]}),(0,d.jsx)("p",{children:i.texts[26].value}),(0,d.jsx)("p",{children:(0,d.jsx)("img",{src:"https://github.com/user-attachments/assets/8a5c4e0a-3686-4b1c-aa32-930505173abe",alt:"https://github.com/ant-design/ant-design/pull/52210#issuecomment-2567659292"})}),(0,d.jsxs)("h2",{id:"\u672C\u5730\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5",children:[(0,d.jsx)(n.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u672C\u5730\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5",sourceType:"a",children:(0,d.jsx)("span",{className:"icon icon-link"})}),"\u672C\u5730\u89C6\u89C9\u56DE\u5F52\u6D4B\u8BD5"]}),(0,d.jsx)("p",{children:i.texts[27].value}),(0,d.jsx)(l.default,{lang:"bash",children:i.texts[28].value}),(0,d.jsxs)("h2",{id:"\u4EE5\u4E0A",children:[(0,d.jsx)(n.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4EE5\u4E0A",sourceType:"a",children:(0,d.jsx)("span",{className:"icon icon-link"})}),"\u4EE5\u4E0A"]}),(0,d.jsxs)("ul",{children:[(0,d.jsxs)("li",{children:[i.texts[29].value,(0,d.jsx)(n.default,{href:"https://github.com/search?q=repo%3Aant-design%2Fant-design%20path%3A%2F%5E%5C.github%5C%2Fworkflows%5C%2F%2F%20Visual%20Regression&type=code",sourceType:"a",children:i.texts[30].value})]}),(0,d.jsxs)("li",{children:[i.texts[31].value,(0,d.jsx)(n.default,{href:"https://github.com/ant-design/ant-design/blob/46a8eff/tests/shared/imageTest.tsx#L38",sourceType:"a",children:i.texts[32].value})]}),(0,d.jsxs)("li",{children:[i.texts[33].value,(0,d.jsx)(n.default,{href:"https://github.com/ant-design/ant-design/tree/46a8eff/scripts/visual-regression",sourceType:"a",children:i.texts[34].value})]})]})]})})})});};}}]);