ant-design/components/mentions/__tests__/__snapshots__/demo.test.js.snap
二货机器人 efd3b35830
feat: Col support flex prop (#16635)
* feat: Col support `flex` prop

* update snapshot

* update doc

* row component use flex type by default

* revert grid flex layout doc

* remove float style

* remove doc old FAQ

* revert .make-row

* col style use flex and max-width

* remove useless Col style and imorove base doc for a single Col

* update snapshots

* fix flex mode pseudo

* update snapshots

* back to old flex mode demo gray background color

* set default col flex => 1 auto

* change grid about flex mode description

* update snapshots

* improve grid introduce and fix with gutter bug

* update snapshots

* remove version
2019-11-20 11:13:24 +08:00

168 lines
2.9 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/mentions/demo/async.md correctly 1`] = `
<div
class="ant-mentions"
style="width:100%"
>
<textarea
rows="1"
/>
</div>
`;
exports[`renders ./components/mentions/demo/basic.md correctly 1`] = `
<div
class="ant-mentions"
style="width:100%"
>
<textarea
rows="1"
>
@afc163
</textarea>
</div>
`;
exports[`renders ./components/mentions/demo/form.md correctly 1`] = `
<form
class="ant-form ant-form-horizontal"
>
<div
class="ant-row ant-form-item"
>
<div
class="ant-col ant-col-6 ant-form-item-label"
>
<label
class=""
for="coders"
title="Top coders"
>
Top coders
</label>
</div>
<div
class="ant-col ant-col-16 ant-form-item-control"
>
<div
class="ant-form-item-control-input"
/>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-col ant-col-6 ant-form-item-label"
>
<label
class="ant-form-item-required"
for="bio"
title="Bio"
>
Bio
</label>
</div>
<div
class="ant-col ant-col-16 ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-mentions"
>
<textarea
id="bio"
placeholder="You can use @ to ref user here"
rows="3"
/>
</div>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-col ant-col-14 ant-col-offset-6 ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<button
class="ant-btn ant-btn-primary"
type="submit"
>
<span>
Submit
</span>
</button>
   
<button
class="ant-btn"
type="button"
>
<span>
Reset
</span>
</button>
</div>
</div>
</div>
</form>
`;
exports[`renders ./components/mentions/demo/placement.md correctly 1`] = `
<div
class="ant-mentions"
style="width:100%"
>
<textarea
rows="1"
/>
</div>
`;
exports[`renders ./components/mentions/demo/prefix.md correctly 1`] = `
<div
class="ant-mentions"
style="width:100%"
>
<textarea
placeholder="input @ to mention people, # to mention tag"
rows="1"
/>
</div>
`;
exports[`renders ./components/mentions/demo/readonly.md correctly 1`] = `
<div>
<div
style="margin-bottom:10px"
>
<div
class="ant-mentions ant-mentions-disabled"
style="width:100%"
>
<textarea
disabled=""
placeholder="this is disabled Mentions"
rows="1"
/>
</div>
</div>
<div
class="ant-mentions"
style="width:100%"
>
<textarea
placeholder="this is readOnly Mentions"
readonly=""
rows="1"
/>
</div>
</div>
`;