fix: 修正图表组件列数计算逻辑,确保列数为整数 #242
codecov.yml
on: push
Run tests and collect coverage
2m 28s
Annotations
10 errors and 1 warning
tests/demo/demo.test.tsx > Rendering demo: src/MarkdownEditor/demos/rerender.tsx > renders src/MarkdownEditor/demos/rerender.tsx correctly:
tests/demo/demo.test.tsx#L31
Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/rerender.tsx > renders src/MarkdownEditor/demos/rerender.tsx correctly 1` mismatched
- Expected
+ Received
@@ -6,11 +6,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content"
❯ tests/demo/demo.test.tsx:31:11
|
tests/demo/demo.test.tsx > Rendering demo: src/MarkdownEditor/demos/render.tsx > renders src/MarkdownEditor/demos/render.tsx correctly:
tests/demo/demo.test.tsx#L31
Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/render.tsx > renders src/MarkdownEditor/demos/render.tsx correctly 1` mismatched
- Expected
+ Received
@@ -2,11 +2,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-edit"
style="width: 100vw; height: 100vh; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 24px 24px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding: 24px 24px 24px 32px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
aria-multiline="true"
autocapitalize="false"
autocorrect="false"
@@ -3633,11 +3633,11 @@
>
<div
class="ant-md-editor-drag-el"
data-be="chart"
data-slate-node="element"
- style="flex: 1;"
+ style="flex: 1; min-width: 290px;"
>
<span
class="ant-md-editor-drag-handle"
contenteditable="false"
>
@@ -4756,15 +4756,15 @@
</span>
</div>
</div>
<div
contenteditable="false"
- style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;"
+ style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;"
>
<div
contenteditable="false"
- style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;"
+ style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;"
>
<div>
<div
contenteditable="false"
style="user-select: none;"
@@ -5275,11 +5275,11 @@
<div
class="ant-md-editor-drag-el"
contenteditable="false"
data-be="link-card"
draggable="true"
- style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; align-items: center;"
+ style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; border: 1px solid rgb(209 213 219 / 0.8); align-items: center;"
>
<div
data-be="schema"
style="padding: 8px; width: 100%;"
>
@@ -5561,11 +5561,11 @@
<div
class=""
>
<div
class="ant-anchor-wrapper"
- style="max-height: calc(100vh - 64px); min-width: 120px;"
+ style="max-height: calc(100vh - 64px); min-width: 200px;"
>
<div
class="ant-anchor"
>
<span
❯ tests/demo/demo.test.tsx:31:11
|
tests/demo/demo.test.tsx > Rendering demo: src/MarkdownEditor/demos/readonly.tsx > renders src/MarkdownEditor/demos/readonly.tsx correctly:
tests/demo/demo.test.tsx#L31
Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/readonly.tsx > renders src/MarkdownEditor/demos/readonly.tsx correctly 1` mismatched
- Expected
+ Received
@@ -5,11 +5,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: calc(99vw - 16px); height: auto; display: flex; flex-direction: column; max-height: 100%; border: 1px solid #eee;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content"
@@ -51,11 +51,11 @@
</span>
<div
class="ant-md-editor-drag-el"
data-be="chart"
data-slate-node="element"
- style="flex: 1;"
+ style="flex: 1; min-width: 290px;"
>
<div
class="chart-box"
style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;"
>
@@ -868,15 +868,15 @@
</span>
</div>
</div>
<div
contenteditable="false"
- style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;"
+ style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;"
>
<div
contenteditable="false"
- style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;"
+ style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;"
>
<div>
<div
contenteditable="false"
style="user-select: none;"
@@ -959,11 +959,11 @@
/>
</div>
</div>
<div
contenteditable="false"
- style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;"
+ style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;"
>
<div>
<div
contenteditable="false"
style="user-select: none;"
@@ -1046,11 +1046,11 @@
/>
</div>
</div>
<div
contenteditable="false"
- style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;"
+ style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;"
>
<div>
<div
contenteditable="false"
style="user-select: none;"
@@ -1133,11 +1133,11 @@
/>
</div>
</div>
<div
contenteditable="false"
- style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;"
+ style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100
|
tests/demo/demo.test.tsx > Rendering demo: src/MarkdownEditor/demos/pure.tsx > renders src/MarkdownEditor/demos/pure.tsx correctly:
tests/demo/demo.test.tsx#L31
Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/pure.tsx > renders src/MarkdownEditor/demos/pure.tsx correctly 1` mismatched
- Expected
+ Received
@@ -4884,11 +4884,11 @@
</span>
<div
class="ant-md-editor-drag-el"
data-be="chart"
data-slate-node="element"
- style="flex: 1;"
+ style="flex: 1; min-width: 290px;"
>
<div
class="chart-box"
style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;"
>
@@ -5979,15 +5979,15 @@
</span>
</div>
</div>
<div
contenteditable="false"
- style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;"
+ style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;"
>
<div
contenteditable="false"
- style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;"
+ style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;"
>
<div>
<div
contenteditable="false"
style="user-select: none;"
@@ -8155,11 +8155,11 @@
<div
class="ant-md-editor-drag-el"
contenteditable="false"
data-be="link-card"
draggable="false"
- style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; align-items: center;"
+ style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; border: 1px solid rgb(209 213 219 / 0.8); align-items: center;"
>
<div
data-be="schema"
style="padding: 8px; width: 100%;"
>
❯ tests/demo/demo.test.tsx:31:11
|
tests/demo/demo.test.tsx > Rendering demo: src/MarkdownEditor/demos/preview.tsx > renders src/MarkdownEditor/demos/preview.tsx correctly:
tests/demo/demo.test.tsx#L31
Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/preview.tsx > renders src/MarkdownEditor/demos/preview.tsx correctly 1` mismatched
- Expected
+ Received
@@ -2,11 +2,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-edit ant-md-editor-report"
style="width: 100vw; height: 100vh; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 24px 24px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding: 24px 24px 24px 32px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
aria-multiline="true"
autocapitalize="false"
autocorrect="false"
@@ -5775,11 +5775,11 @@
</span>
<div
class="ant-md-editor-drag-el"
data-be="chart"
data-slate-node="element"
- style="flex: 1;"
+ style="flex: 1; min-width: 290px;"
>
<span
class="ant-md-editor-drag-handle"
contenteditable="false"
>
@@ -6898,15 +6898,15 @@
</span>
</div>
</div>
<div
contenteditable="false"
- style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;"
+ style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;"
>
<div
contenteditable="false"
- style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;"
+ style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1;"
>
<div>
<div
contenteditable="false"
style="user-select: none;"
@@ -9377,11 +9377,11 @@
<div
class="ant-md-editor-drag-el"
contenteditable="false"
data-be="link-card"
draggable="true"
- style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; align-items: center;"
+ style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; border: 1px solid rgb(209 213 219 / 0.8); align-items: center;"
>
<div
data-be="schema"
style="padding: 8px; width: 100%;"
>
@@ -9719,11 +9719,11 @@
<div
class=""
>
<div
class="ant-anchor-wrapper"
- style="max-height: calc(100vh - 64px); min-width: 120px;"
+ style="max-height: calc(100vh - 64px); min-width: 200px;"
>
<div
class="ant-anchor"
>
<span
❯ tests/demo/demo.test.tsx:31:11
|
tests/demo/demo.test.tsx > Rendering demo: src/MarkdownEditor/demos/ppt.tsx > renders src/MarkdownEditor/demos/ppt.tsx correctly:
tests/demo/demo.test.tsx#L31
Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/ppt.tsx > renders src/MarkdownEditor/demos/ppt.tsx correctly 1` mismatched
- Expected
+ Received
@@ -1,43 +1,44 @@
<DocumentFragment>
<div
aria-label="segmented control"
class="ant-segmented"
- role="listbox"
+ role="radiogroup"
style="position: fixed; z-index: 1000; top: 0px;"
+ tabindex="0"
>
<div
class="ant-segmented-group"
>
<label
class="ant-segmented-item ant-segmented-item-selected"
>
<input
checked=""
class="ant-segmented-item-input"
+ name="test-id"
type="radio"
/>
<div
aria-selected="true"
class="ant-segmented-item-label"
- role="option"
title="编辑模式"
>
编辑模式
</div>
</label>
<label
class="ant-segmented-item"
>
<input
class="ant-segmented-item-input"
+ name="test-id"
type="radio"
/>
<div
aria-selected="false"
class="ant-segmented-item-label"
- role="option"
title="幻灯片模式"
>
幻灯片模式
</div>
</label>
@@ -54,11 +55,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly ant-md-editor-report"
style="width: 100%; height: 100%; display: flex; flex-direction: column; max-height: 100%; padding: 0px; margin: 0px;"
>
<div
- style="padding: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;"
+ style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content ant-md-editor-content-report"
@@ -102,11 +103,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly ant-md-editor-report"
style="width: 100%; height: 100%; display: flex; flex-direction: column; max-height: 100%; padding: 0px; margin: 0px;"
>
<div
- style="padding: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;"
+ style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content ant-md-editor-content-report"
@@ -172,11 +173,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly ant-md-editor-report"
style="width: 100%; height: 100%; display: flex; flex-direction: column; max-height: 100%; padding: 0px; margin: 0px;"
>
<div
- style="padding: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;"
+ style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content ant-md-editor-content-report"
@@ -586,11 +587,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly ant-md-editor-report"
style="width: 100%; height: 100%; display: flex; flex-direction: column; max-height: 100%; padding: 0px; margin: 0px;"
>
<div
- style=
|
tests/demo/demo.test.tsx > Rendering demo: src/MarkdownEditor/demos/minPreview.tsx > renders src/MarkdownEditor/demos/minPreview.tsx correctly:
tests/demo/demo.test.tsx#L31
Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/minPreview.tsx > renders src/MarkdownEditor/demos/minPreview.tsx correctly 1` mismatched
- Expected
+ Received
@@ -5,11 +5,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly ant-md-editor-report"
style="width: 80%; height: calc(100vh - 400px); display: flex; flex-direction: column; max-height: 100%; margin: 0px auto; border: 1px solid #e8e8e8;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content ant-md-editor-content-report"
@@ -3603,11 +3603,11 @@
</div>
</div>
</div>
</div>
<div
- style="padding: 24px 24px; overflow: auto; display: flex; height: calc(100% - 56px); position: relative; gap: 24px;"
+ style="padding: 24px 24px 24px 32px; overflow: auto; display: flex; height: calc(100% - 56px); position: relative; gap: 24px;"
>
<div
aria-multiline="true"
autocapitalize="false"
autocorrect="false"
❯ tests/demo/demo.test.tsx:31:11
|
tests/demo/demo.test.tsx > Rendering demo: src/MarkdownEditor/demos/min.tsx > renders src/MarkdownEditor/demos/min.tsx correctly:
tests/demo/demo.test.tsx#L31
Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/min.tsx > renders src/MarkdownEditor/demos/min.tsx correctly 1` mismatched
- Expected
+ Received
@@ -5,11 +5,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content"
@@ -57,11 +57,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content"
@@ -124,11 +124,11 @@
<div
class=""
>
<div
class="ant-anchor-wrapper"
- style="max-height: calc(100vh - 64px); min-width: 120px;"
+ style="max-height: calc(100vh - 64px); min-width: 200px;"
>
<div
class="ant-anchor"
>
<span
@@ -159,11 +159,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content"
@@ -3346,11 +3346,11 @@
<div
class=""
>
<div
class="ant-anchor-wrapper"
- style="max-height: calc(100vh - 64px); min-width: 120px;"
+ style="max-height: calc(100vh - 64px); min-width: 200px;"
>
<div
class="ant-anchor"
>
<span
@@ -3381,11 +3381,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content"
@@ -4207,11 +4207,11 @@
<div
class=""
>
<div
class="ant-anchor-wrapper"
- style="max-height: calc(100vh - 64px); min-width: 120px;"
+ style="max-height: calc(100vh - 64px); min-width: 200px;"
>
<div
class="ant-anchor"
>
<span
@@ -4242,11 +4242,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: 100%; heigh
|
tests/demo/demo.test.tsx > Rendering demo: src/MarkdownEditor/demos/min-render.tsx > renders src/MarkdownEditor/demos/min-render.tsx correctly:
tests/demo/demo.test.tsx#L31
Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/min-render.tsx > renders src/MarkdownEditor/demos/min-render.tsx correctly 1` mismatched
- Expected
+ Received
@@ -36,11 +36,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content"
@@ -136,11 +136,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content"
@@ -3356,11 +3356,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content"
@@ -3940,11 +3940,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content"
@@ -4011,11 +4011,11 @@
</span>
<div
class="ant-md-editor-drag-el"
data-be="chart"
data-slate-node="element"
- style="flex: 1;"
+ style="flex: 1; min-width: 290px;"
>
<div
class="chart-box"
style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;"
>
@@ -4926,15 +4926,15 @@
</span>
</div>
</div>
<div
contenteditable="false"
- style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;"
+ style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;"
>
<div
contenteditable="false"
- style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;"
+ style="user-select: none; border: 1px solid #eee; border-radius
|
tests/demo/demo.test.tsx > Rendering demo: src/MarkdownEditor/demos/max-chart.tsx > renders src/MarkdownEditor/demos/max-chart.tsx correctly:
tests/demo/demo.test.tsx#L31
Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/max-chart.tsx > renders src/MarkdownEditor/demos/max-chart.tsx correctly 1` mismatched
- Expected
+ Received
@@ -2,11 +2,11 @@
<div
class="markdown-editor ant-md-editor ant-md-editor-readonly"
style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
>
<div
- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+ style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
>
<div
autocapitalize="false"
autocorrect="false"
class="ant-md-editor-content-readonly ant-md-editor-content"
@@ -48,11 +48,11 @@
</span>
<div
class="ant-md-editor-drag-el"
data-be="chart"
data-slate-node="element"
- style="flex: 1;"
+ style="flex: 1; min-width: 290px;"
>
<div
class="chart-box"
style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;"
>
@@ -246318,15 +246318,15 @@
</span>
</div>
</div>
<div
contenteditable="false"
- style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;"
+ style="display: flex; flex-wrap: wrap; flex-direction: column; gap: 8px; user-select: none;"
>
<div
contenteditable="false"
- style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1; user-select: none;"
+ style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;"
>
<div>
<div
contenteditable="false"
style="user-select: none;"
@@ -246378,11 +246378,11 @@
>
<span
class="ant-dropdown-trigger"
style="font-size: 12px; display: flex; align-items: center; gap: 4px; border: 1px solid #f0f0f0; padding: 4px 12px; border-radius: 14px;"
>
- 2 列
+ 1 列
<span
aria-label="down"
class="anticon anticon-down"
role="img"
style="font-size: 8px;"
@@ -246438,11 +246438,11 @@
/>
</div>
</div>
<div
contenteditable="false"
- style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1; user-select: none;"
+ style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(100% - 16px); flex: 1; user-select: none;"
>
<div>
<div
contenteditable="false"
style="user-select: none;"
@@ -246494,11 +246494,11 @@
>
<span
class="ant-dropdown-trigger"
style="font-size: 12px; display: flex; align-items: center; gap: 4px; border: 1px solid #f0f0f0; padding: 4px 12px; border-radius: 14px;"
>
- 2 列
+ 1 列
<span
aria-label="down"
class="anticon anticon-down"
|
Run tests and collect coverage
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|