Function checkTouchTargetSize

tests/touch-target.property.test.js:82–108

* Helper function to check if element meets minimum touch target size * @param {HTMLElement} element - DOM element to check * @returns {object} Object with width, height, and isValid properties

(element)

   * @returns {object} Object with width, height, and isValid properties
   */
  function checkTouchTargetSize(element) {
    const computedStyle = window.getComputedStyle(element);
    
    // Get actual dimensions
    const width = element.offsetWidth || parseCSSValueToPixels(computedStyle.width);
    const height = element.offsetHeight || parseCSSValueToPixels(computedStyle.height);
    
    // Get min-width and min-height
    const minWidth = parseCSSValueToPixels(computedStyle.minWidth);
    const minHeight = parseCSSValueToPixels(computedStyle.minHeight);
    
    // Element is valid if either actual size or min-size meets requirement
    const effectiveWidth = Math.max(width, minWidth);
    const effectiveHeight = Math.max(height, minHeight);
    
    return {
      width: effectiveWidth,
      height: effectiveHeight,
      minWidth,
      minHeight,
      actualWidth: width,
      actualHeight: height,
      isWidthValid: effectiveWidth >= MIN_TOUCH_TARGET_SIZE,
      isHeightValid: effectiveHeight >= MIN_TOUCH_TARGET_SIZE,
      isValid: effectiveWidth >= MIN_TOUCH_TARGET_SIZE && effectiveHeight >= MIN_TOUCH_TARGET_SIZE
    };
  }

  /**
   * Helper function to create a mock element with specified styles