test: update snapshot

ant-design · Aug 1, 2024 · ad5b2b2 · ad5b2b2
1 parent ef0e549
commit ad5b2b2
Show file tree

Hide file tree

Showing 10 changed files with 123 additions and 119 deletions.
diff --git a/components/bubble/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/bubble/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -12,7 +12,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx extend context
     >
       <span
         class="ant-avatar ant-avatar-circle ant-avatar-icon"
-        style="width: 32px; height: 32px; font-size: 16px; color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"
+        style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"
       >
         <span
           aria-label="user"
@@ -38,7 +38,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx extend context
     <div
       class="ant-bubble-content"
     >
-      Good morning, how are you ?
+      Good morning, how are you?
     </div>
   </div>
   <div
@@ -50,7 +50,6 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx extend context
     >
       <span
         class="ant-avatar ant-avatar-circle"
-        style="width: 32px; height: 32px; font-size: 18px;"
       >
         <span
           class="ant-avatar-string"
@@ -61,7 +60,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx extend context
     <div
       class="ant-bubble-content"
     >
-      What a beautiful day !
+      What a beautiful day!
     </div>
   </div>
   <div
@@ -72,7 +71,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx extend context
     >
       <span
         class="ant-avatar ant-avatar-circle ant-avatar-icon"
-        style="width: 32px; height: 32px; font-size: 16px; color: rgb(255, 255, 255); background-color: rgb(135, 208, 104);"
+        style="color: rgb(255, 255, 255); background-color: rgb(135, 208, 104);"
       >
         <span
           aria-label="user"
@@ -98,7 +97,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx extend context
     <div
       class="ant-bubble-content"
     >
-      Hi, good morning, I'm fine !
+      Hi, good morning, I'm fine!
     </div>
   </div>
   <div
@@ -110,7 +109,6 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx extend context
     >
       <span
         class="ant-avatar ant-avatar-circle"
-        style="width: 32px; height: 32px; font-size: 18px;"
       >
         <span
           class="ant-avatar-string"
@@ -121,7 +119,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx extend context
     <div
       class="ant-bubble-content"
     >
-      Thank you !
+      Thank you!
     </div>
   </div>
 </div>
@@ -143,50 +141,6 @@ exports[`renders components/bubble/demo/basic.tsx extend context correctly 1`] =
 
 exports[`renders components/bubble/demo/basic.tsx extend context correctly 2`] = `[]`;
 
-exports[`renders components/bubble/demo/contentRender.tsx extend context correctly 1`] = `
-<div
-  class="ant-bubble ant-bubble-start"
->
-  <div
-    class="ant-bubble-avatar"
-  >
-    <span
-      class="ant-avatar ant-avatar-circle ant-avatar-icon"
-      style="width: 32px; height: 32px; font-size: 16px;"
-    >
-      <span
-        aria-label="user"
-        class="anticon anticon-user"
-        role="img"
-      >
-        <svg
-          aria-hidden="true"
-          data-icon="user"
-          fill="currentColor"
-          focusable="false"
-          height="1em"
-          viewBox="64 64 896 896"
-          width="1em"
-        >
-          <path
-            d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-          />
-        </svg>
-      </span>
-    </span>
-  </div>
-  <div
-    class="ant-bubble-content"
-  >
-    <span>
-      <h1 />
-    </span>
-  </div>
-</div>
-`;
-
-exports[`renders components/bubble/demo/contentRender.tsx extend context correctly 2`] = `[]`;
-
 exports[`renders components/bubble/demo/loading.tsx extend context correctly 1`] = `
 <div
   class="ant-flex ant-flex-align-stretch ant-flex-gap-large ant-flex-vertical"
@@ -199,7 +153,6 @@ exports[`renders components/bubble/demo/loading.tsx extend context correctly 1`]
     >
       <span
         class="ant-avatar ant-avatar-circle ant-avatar-icon"
-        style="width: 32px; height: 32px; font-size: 16px;"
       >
         <span
           aria-label="user"
@@ -270,6 +223,55 @@ exports[`renders components/bubble/demo/loading.tsx extend context correctly 1`]
 
 exports[`renders components/bubble/demo/loading.tsx extend context correctly 2`] = `[]`;
 
+exports[`renders components/bubble/demo/markdown.tsx extend context correctly 1`] = `
+<div
+  style="height: 100px;"
+>
+  <div
+    class="ant-bubble ant-bubble-start ant-bubble-typing"
+  >
+    <div
+      class="ant-bubble-avatar"
+    >
+      <span
+        class="ant-avatar ant-avatar-circle ant-avatar-icon"
+      >
+        <span
+          aria-label="user"
+          class="anticon anticon-user"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="user"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
+            />
+          </svg>
+        </span>
+      </span>
+    </div>
+    <div
+      class="ant-bubble-content"
+    >
+      #
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders components/bubble/demo/markdown.tsx extend context correctly 2`] = `
+[
+  "Warning: React does not recognize the \`%s\` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase \`%s\` instead. If you accidentally passed it from a parent component, remove it from the DOM element.%s",
+]
+`;
+
 exports[`renders components/bubble/demo/typing.tsx extend context correctly 1`] = `
 <div
   class="ant-bubble ant-bubble-start ant-bubble-typing"
@@ -279,7 +281,6 @@ exports[`renders components/bubble/demo/typing.tsx extend context correctly 1`]
   >
     <span
       class="ant-avatar ant-avatar-circle ant-avatar-icon"
-      style="width: 32px; height: 32px; font-size: 16px;"
     >
       <span
         aria-label="user"

diff --git a/components/bubble/__tests__/__snapshots__/demo.test.ts.snap b/components/bubble/__tests__/__snapshots__/demo.test.ts.snap
@@ -12,7 +12,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx correctly 1`] =
     >
       <span
         class="ant-avatar ant-avatar-circle ant-avatar-icon"
-        style="width:32px;height:32px;font-size:16px;color:#f56a00;background-color:#fde3cf"
+        style="color:#f56a00;background-color:#fde3cf"
       >
         <span
           aria-label="user"
@@ -38,7 +38,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx correctly 1`] =
     <div
       class="ant-bubble-content"
     >
-      Good morning, how are you ?
+      Good morning, how are you?
     </div>
   </div>
   <div
@@ -50,7 +50,6 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx correctly 1`] =
     >
       <span
         class="ant-avatar ant-avatar-circle"
-        style="width:32px;height:32px;font-size:18px"
       >
         <span
           class="ant-avatar-string"
@@ -61,7 +60,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx correctly 1`] =
     <div
       class="ant-bubble-content"
     >
-      What a beautiful day !
+      What a beautiful day!
     </div>
   </div>
   <div
@@ -72,7 +71,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx correctly 1`] =
     >
       <span
         class="ant-avatar ant-avatar-circle ant-avatar-icon"
-        style="width:32px;height:32px;font-size:16px;color:#fff;background-color:#87d068"
+        style="color:#fff;background-color:#87d068"
       >
         <span
           aria-label="user"
@@ -98,7 +97,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx correctly 1`] =
     <div
       class="ant-bubble-content"
     >
-      Hi, good morning, I'm fine !
+      Hi, good morning, I'm fine!
     </div>
   </div>
   <div
@@ -110,7 +109,6 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx correctly 1`] =
     >
       <span
         class="ant-avatar ant-avatar-circle"
-        style="width:32px;height:32px;font-size:18px"
       >
         <span
           class="ant-avatar-string"
@@ -121,7 +119,7 @@ exports[`renders components/bubble/demo/avatar-and-placement.tsx correctly 1`] =
     <div
       class="ant-bubble-content"
     >
-      Thank you !
+      Thank you!
     </div>
   </div>
 </div>
@@ -139,44 +137,6 @@ exports[`renders components/bubble/demo/basic.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`renders components/bubble/demo/contentRender.tsx correctly 1`] = `
-<div
-  class="ant-bubble ant-bubble-start"
->
-  <div
-    class="ant-bubble-avatar"
-  >
-    <span
-      class="ant-avatar ant-avatar-circle ant-avatar-icon"
-      style="width:32px;height:32px;font-size:16px"
-    >
-      <span
-        aria-label="user"
-        class="anticon anticon-user"
-        role="img"
-      >
-        <svg
-          aria-hidden="true"
-          data-icon="user"
-          fill="currentColor"
-          focusable="false"
-          height="1em"
-          viewBox="64 64 896 896"
-          width="1em"
-        >
-          <path
-            d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-          />
-        </svg>
-      </span>
-    </span>
-  </div>
-  <div
-    class="ant-bubble-content"
-  />
-</div>
-`;
-
 exports[`renders components/bubble/demo/loading.tsx correctly 1`] = `
 <div
   class="ant-flex ant-flex-align-stretch ant-flex-gap-large ant-flex-vertical"
@@ -189,7 +149,6 @@ exports[`renders components/bubble/demo/loading.tsx correctly 1`] = `
     >
       <span
         class="ant-avatar ant-avatar-circle ant-avatar-icon"
-        style="width:32px;height:32px;font-size:16px"
       >
         <span
           aria-label="user"
@@ -258,6 +217,49 @@ exports[`renders components/bubble/demo/loading.tsx correctly 1`] = `
 </div>
 `;
 
+exports[`renders components/bubble/demo/markdown.tsx correctly 1`] = `
+<div
+  style="height:100px"
+>
+  <div
+    class="ant-bubble ant-bubble-start ant-bubble-typing"
+  >
+    <div
+      class="ant-bubble-avatar"
+    >
+      <span
+        class="ant-avatar ant-avatar-circle ant-avatar-icon"
+      >
+        <span
+          aria-label="user"
+          class="anticon anticon-user"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="user"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
+            />
+          </svg>
+        </span>
+      </span>
+    </div>
+    <div
+      class="ant-bubble-content"
+    >
+      #
+    </div>
+  </div>
+</div>
+`;
+
 exports[`renders components/bubble/demo/typing.tsx correctly 1`] = `
 <div
   class="ant-bubble ant-bubble-start ant-bubble-typing"
@@ -267,7 +269,6 @@ exports[`renders components/bubble/demo/typing.tsx correctly 1`] = `
   >
     <span
       class="ant-avatar ant-avatar-circle ant-avatar-icon"
-      style="width:32px;height:32px;font-size:16px"
     >
       <span
         aria-label="user"
@@ -292,6 +293,8 @@ exports[`renders components/bubble/demo/typing.tsx correctly 1`] = `
   </div>
   <div
     class="ant-bubble-content"
-  />
+  >
+    F
+  </div>
 </div>
 `;