pull/4095/head
Conduitry 6 years ago
parent 977b183d0c
commit 038eb14bc9

@ -5,7 +5,7 @@ export default {
Valid: false Valid: false
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const input = target.querySelector('input'); const input = target.querySelector('input');
input.value = 'foo'; input.value = 'foo';

@ -1,21 +1,21 @@
<script> <script>
import { writable } from 'svelte/store' import { writable } from 'svelte/store';
export function createValidator () { export function createValidator() {
const { subscribe, set } = writable({ dirty: false, valid: false }) const { subscribe, set } = writable({ dirty: false, valid: false });
function action (node, binding) { function action(node, binding) {
return { return {
update (value) { update(value) {
set({ dirty: true, valid: value !== '' }) set({ dirty: true, valid: value !== '' });
} }
} };
} }
return [ { subscribe }, action ] return [{ subscribe }, action];
} }
const [ validity, validate ] = createValidator(); const [validity, validate] = createValidator();
let email = null let email = null;
</script> </script>
<input class="input" <input class="input"
@ -23,7 +23,7 @@
bind:value={email} bind:value={email}
placeholder="Type here" placeholder="Type here"
use:validate={email} use:validate={email}
/> />
Dirty: {$validity.dirty} Dirty: {$validity.dirty}
Valid: {$validity.valid} Valid: {$validity.valid}

Loading…
Cancel
Save