Function createMockElement

tests/touch-target.property.test.js:116–130

* Helper function to create a mock element with specified styles * @param {string} selector - CSS selector/class name * @param {object} styles - Style properties to apply * @returns {HTMLElement} Created element

(selector, styles = {})

   * @returns {HTMLElement} Created element
   */
  function createMockElement(selector, styles = {}) {
    const element = document.createElement('button');
    element.className = selector.replace('.', '');
    
    // Apply default touch target styles
    element.style.minWidth = `${MIN_TOUCH_TARGET_SIZE}px`;
    element.style.minHeight = `${MIN_TOUCH_TARGET_SIZE}px`;
    
    // Apply custom styles
    Object.entries(styles).forEach(([prop, value]) => {
      element.style[prop] = value;
    });
    
    return element;
  }

  /**
   * Setup DOM environment before each test