pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Clean up and generalize jinja to vue test template rendering and testing

Browse Source
This commit is contained in:
tomdds
2019-07-12 12:05:54 -04:00
parent 5234677ad3
commit 38a01f7db3
7 changed files with 233 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
js/test_templates/checkbox_input_template.html
View File

@@ -1,16 +1,16 @@
<checkboxinput
name='testVal'
name='datafield'
inline-template
key='testVal'
v-bind:initial-checked='initialchecked'
key='datafield'
v-bind:initial-checked='initialvalue'
>
<div>
<div class='usa-input '>
<fieldset data-ally-disabled="true" v-on:change="onInput" class="usa-input__choices ">
<legend>
<input checked id="testVal" name="testVal" type="checkbox" v-model="isChecked" value="initialchecked">
<label for="testVal">Hooray!</label>
<input checked id="datafield" name="datafield" type="checkbox" v-model="isChecked" value="initialvalue">
<label for="datafield">initialvalue value</label>
</legend>

49
js/test_templates/upload_input_error_template.html Normal file
View File

@@ -0,0 +1,49 @@
<uploadinput
inline-template
v-bind:initial-errors='true'
v-bind:watch='false'
name='errorfield'
:optional='false'
>
<div>
<div v-show="hasAttachment" class="uploaded-file">
<span class="icon icon--check-circle-solid " aria-hidden="true"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg></span>
<span class="uploaded-file__name" v-html="baseName"></span>
<a href="#" class="uploaded-file__remove" v-on:click="removeAttachment">Remove</a>
</div>
<div v-show="hasAttachment === false" v-bind:class='{ "usa-input": true, "usa-input--error": showErrors }'>
<div v-if="!hideInput" class="upload-widget">
<label class="upload-label" for="errorfield">
<span class="upload-button">
Browse
</span>
<span v-show="showErrors">
<span class="icon icon--alert icon-validation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#fdb81e">
<path d="M8 16c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zM8 2C4.691 2 2 4.691 2 8s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6zm0 8c-.552 0-1-.447-1-1V4c0-.552.448-1 1-1s1 .448 1 1v5c0 .553-.448 1-1 1zm0 3c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71 0-.271.11-.521.29-.71.38-.37 1.05-.37 1.42 0 .18.189.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29z"/>
</svg>
</span>
</span>
</label>
<input
v-on:change="addAttachment"
ref="attachmentInput"
accept=""
id="errorfield"
name="errorfield"
aria-label="Task Order Upload"
type="file">
</div>
<span v-show="showErrors" class="usa-input__message">Test Error Message</span>
</div>
</div>
</uploadinput>

40
js/test_templates/upload_input_template.html Normal file
View File

@@ -0,0 +1,40 @@
<uploadinput
inline-template
v-bind:initial-data='initialvalue'
v-bind:watch='false'
name='datafield'
:optional='false'
>
<div>
<div v-show="hasAttachment" class="uploaded-file">
<span class="icon icon--check-circle-solid " aria-hidden="true"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg></span>
<span class="uploaded-file__name" v-html="baseName"></span>
<a href="#" class="uploaded-file__remove" v-on:click="removeAttachment">Remove</a>
</div>
<div v-show="hasAttachment === false" v-bind:class='{ "usa-input": true, "usa-input--error": showErrors }'>
<div v-if="!hideInput" class="upload-widget">
<label class="upload-label" for="datafield">
<span class="upload-button">
Browse
</span>
</label>
<input
v-on:change="addAttachment"
ref="attachmentInput"
accept=""
id="datafield"
name="datafield"
aria-label="Task Order Upload"
type="file">
</div>
</div>
</div>
</uploadinput>