All files / components/Announcement AnnouncementForm.js

100% Statements 6/6
100% Branches 7/7
100% Functions 2/2
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121                      21x         21x   21x           21x         21x                                                                                                                                                               1x                      
import { Button, Form } from 'react-bootstrap';
import { useForm } from 'react-hook-form'
import { useNavigate } from 'react-router-dom'
 
function AnnouncementForm({ initialContents, submitAction, buttonLabel = "Create" }) {
 
    // Stryker disable all
    const {
        register,
        formState: { errors },
        handleSubmit,
    } = useForm(
        { defaultValues: initialContents || {}, }
    );
    // Stryker restore all
 
    const navigate = useNavigate();
 
    const testIdPrefix = "AnnouncementForm";
 
    // For explanation, see: https://stackoverflow.com/questions/3143070/javascript-regex-iso-datetime
    // Note that even this complex regex may still need some tweaks
 
    // Stryker disable next-line Regex
    const isodate_regex = /(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+)|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d)|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d)/i;
 
    // Stryker disable next-line all
    //const yyyyq_regex = /((19)|(20))\d{2}[1-4]/i; // Accepts from 1900-2099 followed by 1-4.  Close enough.
 
    return (
 
        <Form onSubmit={handleSubmit(submitAction)}>
 
            {initialContents && (
                <Form.Group className="mb-3" >
                    <Form.Label htmlFor="id">Id</Form.Label>
                    <Form.Control
                    // Stryker disable next-line all
                        data-testid={testIdPrefix + "-id"}
                        id="id"
                        type="text"
                        {...register("id")}
                        value={initialContents.id}
                        disabled
                    />
                </Form.Group>
            )}
 
            <Form.Group className="mb-3" >
                <Form.Label htmlFor="startDate">Start Date</Form.Label>
                <Form.Control
                // Stryker disable next-line all
                    data-testid={testIdPrefix + "-startDate"}
                    id="startDate"
                    type="datetime-local"
                    isInvalid={Boolean(errors.startDate)}
                    {...register("startDate", {
                        required: "StartDate is required.",
                        pattern: isodate_regex
                    })}
                />
                <Form.Control.Feedback type="invalid">
                    {errors.startDate && 'Start Date is required and must be provided in ISO format.'}
                </Form.Control.Feedback>
            </Form.Group>
 
            <Form.Group className="mb-3" >
                <Form.Label htmlFor="endDate">End Date</Form.Label>
                <Form.Control
                // Stryker disable next-line all
                    data-testid={testIdPrefix + "-endDate"}
                    id="endDate"
                    type="datetime-local"
                    isInvalid={Boolean(errors.endDate)}
                    // Stryker disable next-line all
                    {...register("endDate", {
                        pattern: isodate_regex
                    })}
                />
            </Form.Group>
 
 
            <Form.Group className="mb-3">
                <Form.Label htmlFor="announcementText">Announcement</Form.Label>
                <Form.Control
                    as="textarea"
                    // Stryker disable next-line all
                    data-testid={testIdPrefix + "-announcementText"}
                    id="announcementText"
                    rows={5}
                    isInvalid={Boolean(errors.announcementText)}
                    {...register("announcementText", {
                        required: "Announcement is required."
                    })}
                />
                <Form.Control.Feedback type="invalid">
                    {errors.announcementText?.message}
                </Form.Control.Feedback>
            </Form.Group>
 
            <Button
                type="submit"
                // Stryker disable next-line all
                data-testid={testIdPrefix + "-submit"}
            >
                {buttonLabel}
            </Button>
            <Button
                variant="Secondary"
                onClick={() => navigate(-1)}
                // Stryker disable next-line all
                data-testid={testIdPrefix + "-cancel"}
            >
                Cancel
            </Button>
 
        </Form>
    )
}
 
export default AnnouncementForm;