srveit/mechanize-js

// eslint-disable-next-line
/**
 * Initialize a new `RadioButton` field with the given `node` of the
 * given `form`.
 * If `initialValue` is undefined, uses the "value" attribute of `node`.
 *
 * @param {Form} form the form that includes this button
 * @param {Element} node
 * @param {String} initialValue
 * @api public
 */
import { newField } from './field.js'

export function newRadioButton(node, form) {
  const field = newField(node)
  let checked = Boolean(field.getAttribute('checked'))
  const fieldType = 'radioButton'
  const uncheckPeers = () =>
    form.radiobuttons().forEach((radioButton) => {
      if (
        radioButton.name() === field.name &&
        radioButton.value() !== field.value()
      ) {
        radioButton.uncheck()
      }
    })

  const check = () => {
    uncheckPeers()
    checked = true
  }

  const isChecked = () => checked

  const uncheck = () => {
    checked = false
  }

  const click = () => {
    if (isChecked()) {
      uncheck()
    } else {
      check()
    }
  }

  const label = () => form.labelFor(field.domId)

  const text = () => label() && label().text

  return Object.freeze({
    check,
    click,
    disabled: field.disabled,
    domId: field.domId,
    fieldType,
    form,
    getAttribute: field.getAttribute,
    isChecked,
    label,
    name: field.name,
    queryValue: field.queryValue,
    rawValue: field.rawValue,
    setValue: field.setValue,
    text,
    type: field.type,
    uncheck,
    uncheckPeers,
    value: field.value,
  })
}