amis/__tests__/renderers/__snapshots__/Wizard.test.tsx.snap

1925 lines
49 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Renderer:Wizard 1`] = `
<div
className="a-Alert a-Alert--danger"
>
<p>
TypeError: Cannot read property '_ownerDocument' of undefined
</p>
<pre>
<code>
in WizardRenderer (created by WithStore(WizardRenderer))
in WithStore(WizardRenderer) (created by Scoped(WithStore(WizardRenderer)))
in Scoped(WithStore(WizardRenderer)) (created by Renderer)
in Renderer (created by RootRenderer)
in ImageGallery (created by Themeable(ImageGallery))
in Themeable(ImageGallery) (created by RootRenderer)
in RootRenderer (created by Scoped(RootRenderer))
in Scoped(RootRenderer)
</code>
</pre>
</div>
`;
exports[`Renderer:Wizard actionPrevLabel actionNextLabel actionFinishLabel className actionClassName 1`] = `
<div>
<div
class="a-Panel a-Panel--default a-Wizard wizard-class-name"
style="position: relative;"
>
<div
class="a-Wizard-steps a-Wizard--horizontal"
id="form-wizard"
>
<ul>
<li
class="is-complete"
>
<span
class="a-Badge is-active"
>
1
</span>
Step 1
</li>
<li
class="is-active"
>
<span
class="a-Badge is-active"
>
2
</span>
Step 2
</li>
</ul>
</div>
<div
class="a-Wizard-stepContent clearfix"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<span
class="a-TplField"
>
这是最后一步了
</span>
</form>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
<div
class="a-Panel-footer"
>
<button
class="a-Button a-Button--default btn-lg btn-primary"
type="button"
>
<span>
PrevStep
</span>
</button>
<button
class="a-Button a-Button--primary btn-lg btn-primary"
type="button"
>
<span>
Submit
</span>
</button>
</div>
</div>
</div>
`;
exports[`Renderer:Wizard actionPrevLabel actionNextLabel actionFinishLabel className actionClassName 2`] = `
<div>
<div
class="a-Panel a-Panel--default a-Wizard wizard-class-name"
style="position: relative;"
>
<div
class="a-Wizard-steps a-Wizard--horizontal"
id="form-wizard"
>
<ul>
<li
class="is-active"
>
<span
class="a-Badge is-active"
>
1
</span>
Step 1
</li>
<li
class=""
>
<span
class="a-Badge"
>
2
</span>
Step 2
</li>
</ul>
</div>
<div
class="a-Wizard-stepContent clearfix"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<div
class="a-Form-item a-Form-item--normal"
>
<label
class="a-Form-label"
>
<span>
网址
</span>
</label>
<div
class="a-Form-control a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="website"
placeholder=""
size="10"
type="url"
value=""
/>
</div>
</div>
</div>
<div
class="a-Form-item a-Form-item--normal"
>
<label
class="a-Form-label"
>
<span>
名称
</span>
</label>
<div
class="a-Form-control a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="name"
placeholder=""
size="10"
type="text"
value=""
/>
</div>
</div>
</div>
</form>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
<div
class="a-Panel-footer"
>
<button
class="a-Button a-Button--default is-disabled btn-lg btn-primary"
disabled=""
type="button"
>
<span>
PrevStep
</span>
</button>
<button
class="a-Button a-Button--default btn-lg btn-primary"
type="button"
>
<span>
NextStep
</span>
</button>
</div>
</div>
</div>
`;
exports[`Renderer:Wizard dialog 1`] = `
<div>
<div
class="a-Page"
>
<div
class="a-Page-content"
>
<div
class="a-Page-main"
>
<div
class="a-Page-body"
>
<div
class="a-Panel a-Panel--default a-Wizard"
style="position: relative;"
>
<div
class="a-Wizard-steps a-Wizard--horizontal"
id="form-wizard"
>
<ul>
<li
class="is-active"
>
<span
class="a-Badge is-active"
>
1
</span>
Step 1
</li>
<li
class=""
>
<span
class="a-Badge"
>
2
</span>
Step 2
</li>
</ul>
</div>
<div
class="a-Wizard-stepContent clearfix"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<div
class="a-Form-item a-Form-item--normal"
>
<label
class="a-Form-label"
>
<span>
网址
</span>
</label>
<div
class="a-Form-control a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="website"
placeholder=""
size="10"
type="url"
value="http://amis.baidu.com"
/>
</div>
</div>
</div>
<div
class="a-Form-item a-Form-item--normal"
>
<label
class="a-Form-label"
>
<span>
名称
</span>
</label>
<div
class="a-Form-control a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="name"
placeholder=""
size="10"
type="text"
value="Amis"
/>
</div>
</div>
</div>
<div
class="a-Form-item a-Form-item--normal"
>
<button
class="a-Button a-Button--default a-Form-control"
type="button"
>
<span>
OpenDialog
</span>
</button>
</div>
</form>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
<div
class="a-Panel-footer"
>
<button
class="a-Button a-Button--default is-disabled"
disabled=""
type="button"
>
<span>
上一步
</span>
</button>
<button
class="a-Button a-Button--default"
type="button"
>
<span>
下一步
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:Wizard dialog 2`] = `
<div>
<div
class="a-Page"
>
<div
class="a-Page-content"
>
<div
class="a-Page-main"
>
<div
class="a-Page-body"
>
<div
class="a-Panel a-Panel--default a-Wizard"
style="position: relative;"
>
<div
class="a-Wizard-steps a-Wizard--horizontal"
id="form-wizard"
>
<ul>
<li
class="is-active"
>
<span
class="a-Badge is-active"
>
1
</span>
Step 1
</li>
<li
class=""
>
<span
class="a-Badge"
>
2
</span>
Step 2
</li>
</ul>
</div>
<div
class="a-Wizard-stepContent clearfix"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<div
class="a-Form-item a-Form-item--normal"
>
<label
class="a-Form-label"
>
<span>
网址
</span>
</label>
<div
class="a-Form-control a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="website"
placeholder=""
size="10"
type="url"
value="http://amis.baidu.com"
/>
</div>
</div>
</div>
<div
class="a-Form-item a-Form-item--normal"
>
<label
class="a-Form-label"
>
<span>
名称
</span>
</label>
<div
class="a-Form-control a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="name"
placeholder=""
size="10"
type="text"
value="Amis"
/>
</div>
</div>
</div>
<div
class="a-Form-item a-Form-item--normal"
>
<button
class="a-Button a-Button--default a-Form-control"
type="button"
>
<span>
OpenDialog
</span>
</button>
</div>
</form>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
<div
class="a-Panel-footer"
>
<button
class="a-Button a-Button--default is-disabled"
disabled=""
type="button"
>
<span>
上一步
</span>
</button>
<button
class="a-Button a-Button--default"
type="button"
>
<span>
下一步
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:Wizard initApi 1`] = `
<div
className="a-Alert a-Alert--danger"
>
<p>
TypeError: Cannot read property '_ownerDocument' of undefined
</p>
<pre>
<code>
in WizardRenderer (created by WithStore(WizardRenderer))
in WithStore(WizardRenderer) (created by Scoped(WithStore(WizardRenderer)))
in Scoped(WithStore(WizardRenderer)) (created by Renderer)
in Renderer (created by RootRenderer)
in ImageGallery (created by Themeable(ImageGallery))
in Themeable(ImageGallery) (created by RootRenderer)
in RootRenderer (created by Scoped(RootRenderer))
in Scoped(RootRenderer)
</code>
</pre>
</div>
`;
exports[`Renderer:Wizard initApi reload 1`] = `
<div>
<div
class="a-Page"
>
<div
class="a-Page-content"
>
<div
class="a-Page-main"
>
<div
class="a-Page-body"
>
<div
class="a-Panel a-Panel--default a-Wizard"
style="position: relative;"
>
<div
class="a-Wizard-steps a-Wizard--horizontal"
id="form-wizard"
>
<ul>
<li
class="is-active"
>
<span
class="a-Badge is-active"
>
1
</span>
Step 1
</li>
<li
class=""
>
<span
class="a-Badge"
>
2
</span>
Step 2
</li>
</ul>
</div>
<div
class="a-Wizard-stepContent clearfix"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<div
class="a-Form-item a-Form-item--normal"
>
<label
class="a-Form-label"
>
<span>
网址
</span>
</label>
<div
class="a-Form-control a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="website"
placeholder=""
size="10"
type="url"
value="http://amis.baidu.com"
/>
</div>
</div>
</div>
<div
class="a-Form-item a-Form-item--normal"
>
<label
class="a-Form-label"
>
<span>
名称
</span>
</label>
<div
class="a-Form-control a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="name"
placeholder=""
size="10"
type="text"
value="Amis"
/>
</div>
</div>
</div>
</form>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
<div
class="a-Panel-footer"
>
<button
class="a-Button a-Button--default is-disabled"
disabled=""
type="button"
>
<span>
上一步
</span>
</button>
<button
class="a-Button a-Button--default"
type="button"
>
<span>
下一步
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:Wizard initApi reload 2`] = `
<div>
<div
class="a-Page"
>
<div
class="a-Page-content"
>
<div
class="a-Page-main"
>
<div
class="a-Page-body"
>
<div
class="a-Panel a-Panel--default a-Wizard"
style="position: relative;"
>
<div
class="a-Wizard-steps a-Wizard--horizontal"
id="form-wizard"
>
<ul>
<li
class="is-complete"
>
<span
class="a-Badge is-active"
>
1
</span>
Step 1
</li>
<li
class="is-active"
>
<span
class="a-Badge is-active"
>
2
</span>
Step 2
</li>
</ul>
</div>
<div
class="a-Wizard-stepContent clearfix"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<span
class="a-TplField"
>
这是最后一步了
</span>
</form>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
<div
class="a-Panel-footer"
>
<button
class="a-Button a-Button--default"
type="button"
>
<span>
上一步
</span>
</button>
<button
class="a-Button a-Button--primary"
type="button"
>
<span>
完成
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:Wizard initApi reload 3`] = `
<div>
<div
class="a-Page"
>
<div
class="a-Page-content"
>
<div
class="a-Page-main"
>
<div
class="a-Page-body"
>
<div
class="a-Panel a-Panel--default a-Wizard"
style="position: relative;"
>
<div
class="a-Wizard-steps a-Wizard--horizontal"
id="form-wizard"
>
<ul>
<li
class="is-complete"
>
<span
class="a-Badge is-active"
>
1
</span>
Step 1
</li>
<li
class="is-active"
>
<span
class="a-Badge is-active"
>
2
</span>
Step 2
</li>
</ul>
</div>
<div
class="a-Wizard-stepContent clearfix"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<span
class="a-TplField"
>
这是最后一步了
</span>
</form>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
<div
class="a-Panel-footer"
>
<button
class="a-Button a-Button--default"
type="button"
>
<span>
上一步
</span>
</button>
<button
class="a-Button a-Button--primary"
type="button"
>
<span>
完成
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:Wizard initApi show loading 1`] = `
<div
className="a-Alert a-Alert--danger"
>
<p>
TypeError: Cannot read property '_ownerDocument' of undefined
</p>
<pre>
<code>
in WizardRenderer (created by WithStore(WizardRenderer))
in WithStore(WizardRenderer) (created by Scoped(WithStore(WizardRenderer)))
in Scoped(WithStore(WizardRenderer)) (created by Renderer)
in Renderer (created by RootRenderer)
in ImageGallery (created by Themeable(ImageGallery))
in Themeable(ImageGallery) (created by RootRenderer)
in RootRenderer (created by Scoped(RootRenderer))
in Scoped(RootRenderer)
</code>
</pre>
</div>
`;
exports[`Renderer:Wizard initApi show loading 2`] = `
<div
className="a-Alert a-Alert--danger"
>
<p>
TypeError: Cannot read property '_ownerDocument' of undefined
</p>
<pre>
<code>
in WizardRenderer (created by WithStore(WizardRenderer))
in WithStore(WizardRenderer) (created by Scoped(WithStore(WizardRenderer)))
in Scoped(WithStore(WizardRenderer)) (created by Renderer)
in Renderer (created by RootRenderer)
in ImageGallery (created by Themeable(ImageGallery))
in Themeable(ImageGallery) (created by RootRenderer)
in RootRenderer (created by Scoped(RootRenderer))
in Scoped(RootRenderer)
</code>
</pre>
</div>
`;
exports[`Renderer:Wizard readOnly 1`] = `
<div
className="a-Alert a-Alert--danger"
>
<p>
TypeError: Cannot read property '_ownerDocument' of undefined
</p>
<pre>
<code>
in WizardRenderer (created by WithStore(WizardRenderer))
in WithStore(WizardRenderer) (created by Scoped(WithStore(WizardRenderer)))
in Scoped(WithStore(WizardRenderer)) (created by Renderer)
in Renderer (created by RootRenderer)
in ImageGallery (created by Themeable(ImageGallery))
in Themeable(ImageGallery) (created by RootRenderer)
in RootRenderer (created by Scoped(RootRenderer))
in Scoped(RootRenderer)
</code>
</pre>
</div>
`;
exports[`Renderer:Wizard send data 1`] = `
<div>
<div
class="a-Panel a-Panel--default a-Wizard"
style="position: relative;"
>
<div
class="a-Wizard-steps a-Wizard--horizontal"
id="form-wizard"
>
<ul>
<li
class="is-complete"
>
<span
class="a-Badge is-active"
>
1
</span>
Step 1
</li>
<li
class="is-active"
>
<span
class="a-Badge is-active"
>
2
</span>
Step 2
</li>
</ul>
</div>
<div
class="a-Wizard-stepContent clearfix"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<span
class="a-TplField"
>
这是最后一步了
</span>
</form>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
<div
class="a-Panel-footer"
>
<button
class="a-Button a-Button--default"
type="button"
>
<span>
上一步
</span>
</button>
<button
class="a-Button a-Button--primary"
type="button"
>
<span>
完成
</span>
</button>
</div>
</div>
</div>
`;
exports[`Renderer:Wizard step initApi 1`] = `
<div>
<div
class="a-Panel a-Panel--default a-Wizard"
style="position: relative;"
>
<div
class="a-Wizard-steps a-Wizard--horizontal"
id="form-wizard"
>
<ul>
<li
class="is-complete"
>
<span
class="a-Badge is-active"
>
1
</span>
Step 1
</li>
<li
class="is-active"
>
<span
class="a-Badge is-active"
>
2
</span>
Step 2
</li>
<li
class=""
>
<span
class="a-Badge"
>
3
</span>
Step 3
</li>
</ul>
</div>
<div
class="a-Wizard-stepContent clearfix"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<div
class="a-Form-item a-Form-item--normal is-required"
>
<label
class="a-Form-label"
>
<span>
邮箱
<span
class="a-Form-star"
>
*
</span>
</span>
</label>
<div
class="a-Form-control a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="email"
placeholder=""
size="10"
type="email"
value="xxx@xxx.com"
/>
</div>
</div>
</div>
</form>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
<div
class="a-Panel-footer"
>
<button
class="a-Button a-Button--default"
type="button"
>
<span>
上一步
</span>
</button>
<button
class="a-Button a-Button--default"
type="button"
>
<span>
下一步
</span>
</button>
</div>
</div>
</div>
`;
exports[`Renderer:Wizard steps not array 1`] = `
<div
className="a-Alert a-Alert--danger"
>
<p>
TypeError: Cannot read property '_ownerDocument' of undefined
</p>
<pre>
<code>
in WizardRenderer (created by WithStore(WizardRenderer))
in WithStore(WizardRenderer) (created by Scoped(WithStore(WizardRenderer)))
in Scoped(WithStore(WizardRenderer)) (created by Renderer)
in Renderer (created by RootRenderer)
in ImageGallery (created by Themeable(ImageGallery))
in Themeable(ImageGallery) (created by RootRenderer)
in RootRenderer (created by Scoped(RootRenderer))
in Scoped(RootRenderer)
</code>
</pre>
</div>
`;
exports[`Renderer:Wizard target 1`] = `
<div>
<div
class="a-Page"
>
<div
class="a-Page-content"
>
<div
class="a-Page-main"
>
<div
class="a-Page-body"
>
<div
class="a-Panel a-Panel--default a-Wizard"
style="position: relative;"
>
<div
class="a-Wizard-steps a-Wizard--horizontal"
id="form-wizard"
>
<ul>
<li
class="is-complete"
>
<span
class="a-Badge is-active"
>
1
</span>
Step 1
</li>
<li
class="is-active"
>
<span
class="a-Badge is-active"
>
2
</span>
Step 2
</li>
</ul>
</div>
<div
class="a-Wizard-stepContent clearfix"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<span
class="a-TplField"
>
这是最后一步了
</span>
</form>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
<div
class="a-Panel-footer"
>
<button
class="a-Button a-Button--default"
type="button"
>
<span>
上一步
</span>
</button>
<button
class="a-Button a-Button--primary"
type="button"
>
<span>
完成
</span>
</button>
</div>
</div>
<div
class="a-Panel a-Panel--default a-Panel--form"
style="position: relative;"
>
<div
class="a-Panel-heading"
>
<h3
class="a-Panel-title"
>
<span
class="a-TplField"
>
表单
</span>
</h3>
</div>
<div
class="a-Panel-body"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<div
class="a-Form-item a-Form-item--normal"
>
<label
class="a-Form-label"
>
<span>
Website
</span>
</label>
<div
class="a-Form-control a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="website"
placeholder=""
size="10"
type="text"
value="http://amis.baidu.com"
/>
</div>
</div>
</div>
<div
class="a-Form-item a-Form-item--normal"
>
<label
class="a-Form-label"
>
<span>
Name
</span>
</label>
<div
class="a-Form-control a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="name"
placeholder=""
size="10"
type="text"
value="Amis"
/>
</div>
</div>
</div>
</form>
</div>
<div>
<div
class="a-Panel-btnToolbar a-Panel-footer"
>
<button
class="a-Button a-Button--primary"
type="submit"
>
<span>
提交
</span>
</button>
</div>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:Wizard validate 1`] = `
<div>
<div
class="a-Panel a-Panel--default a-Wizard"
style="position: relative;"
>
<div
class="a-Wizard-steps a-Wizard--horizontal"
id="form-wizard"
>
<ul>
<li
class="is-active"
>
<span
class="a-Badge is-active"
>
1
</span>
Step 1
</li>
<li
class=""
>
<span
class="a-Badge"
>
2
</span>
Step 2
</li>
<li
class=""
>
<span
class="a-Badge"
>
3
</span>
Step 3
</li>
</ul>
</div>
<div
class="a-Wizard-stepContent clearfix"
>
<form
class="a-Form a-Form--normal"
novalidate=""
>
<div
class="a-Form-item a-Form-item--normal is-error is-required"
>
<label
class="a-Form-label"
>
<span>
网址
<span
class="a-Form-star"
>
*
</span>
</span>
</label>
<div
class="a-Form-control is-error a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="website"
placeholder=""
size="10"
type="url"
value="http"
/>
</div>
</div>
<ul
class="a-Form-feedback"
>
<li>
Url 格式不正确
</li>
</ul>
</div>
<div
class="a-Form-item a-Form-item--normal is-error is-required"
>
<label
class="a-Form-label"
>
<span>
名称
<span
class="a-Form-star"
>
*
</span>
</span>
</label>
<div
class="a-Form-control is-error a-TextControl"
>
<div
class="a-TextControl-input"
>
<input
autocomplete="off"
name="name"
placeholder=""
size="10"
type="text"
value=""
/>
</div>
</div>
<ul
class="a-Form-feedback"
>
<li>
这是必填项
</li>
</ul>
</div>
</form>
</div>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
<div
class="a-Panel-footer"
>
<button
class="a-Button a-Button--default is-disabled"
disabled=""
type="button"
>
<span>
上一步
</span>
</button>
<button
class="a-Button a-Button--default"
type="button"
>
<span>
下一步
</span>
</button>
</div>
</div>
</div>
`;