Function FormComponent

src/integration.test.tsx:102–133

()

			const passwordStore = formStore.select("password");

			function FormComponent() {
				const form = useStoreValue(formStore);
				const isValid =
					form.username.length > 0 &&
					form.email.includes("@") &&
					form.password.length >= 8 &&
					form.password === form.confirmPassword;

				return (
					<div>
						<input
							data-testid="username"
							value={form.username}
							onChange={(e) => usernameStore.set(e.target.value)}
						/>
						<input
							data-testid="email"
							value={form.email}
							onChange={(e) => emailStore.set(e.target.value)}
						/>
						<input
							data-testid="password"
							type="password"
							value={form.password}
							onChange={(e) => passwordStore.set(e.target.value)}
						/>
						<button type="button" data-testid="submit" disabled={!isValid}>
							Submit
						</button>
					</div>
				);
			}

			render(<FormComponent />);