Function renderForm

test/browser/fixtures/expect-dom/toHaveFormValues.test.ts:32–107

({
  selectSingle = renderSelectSingle,
  selectMultiple = renderSelectMultiple,
  values: valueOverrides = {},
} = {})

}

function renderForm({
  selectSingle = renderSelectSingle,
  selectMultiple = renderSelectMultiple,
  values: valueOverrides = {},
} = {}) {
  const values = {
    ...defaultValues,
    ...valueOverrides,
  }
  const {container} = render(`
    <form>
      <label for="title">Job title</label>
      <input
        type="text"
        id="title"
        name="title"
        value="${values.title || ''}"
      />

      <label for="salary">Salary</label>
      <input
        type="number"
        id="salary"
        name="salary"
        value="${values.salary}"
      />

      <label for="description">Description</label>
      <textarea id="description" name="description">${
        values.description
      }</textarea>

      <input
        type="checkbox"
        id="remote"
        name="remote" ${values.remote ? 'checked' : ''}
      />
      <label for="remote">Can work remotely?</label>

      <input
        type="checkbox"
        id="freelancing"
        name="freelancing" ${values.freelancing ? 'checked' : ''}
      />
      <label for="freelancing">Freelancing?</label>

      <fieldset>
        <legend>Benefits</legend>
        <input
          type="text"
          id="benefits[0]"
          name="benefits[0]"
          value="${values['benefits[0]']}"
        />
        <input
          type="text"
          id="benefits[1]"
          name="benefits[1]"