/home/bdqbpbxa/rc-subdomains/optoman-rc.goodface.com.ua/wp-content/themes/optoman/assets/js/test.js
// Steps for layout test

// 1 - layoutTextTest()
// 2 - layoutTextTest('Some text')

// 3 - layoutImagesTest('horizontal')
// 4 - layoutImagesTest('vertical')
// 5 - layoutImagesTest('cube')

function layoutTextTest(customText) {
    const textSelectors = 'h1, h2, h3, h4, h5, h6, p, div, button, a, li, em, span, strong';

    document.querySelectorAll(textSelectors).forEach(el => {
        const nodes = el.childNodes;

        nodes.forEach(node => {
            const isTextNode = node.nodeType === 3 && node.textContent.trim().length;
            const doubleText = node.textContent.trim() + ' ' + node.textContent.trim();

            if (isTextNode) {
                node.replaceWith(customText ? customText : doubleText);
            }
        });
    });

    document.querySelectorAll('input[type="text"]').forEach(el => {
        el.value = 'Some long long long long long long long long long long long long long text';
    });

    document.querySelectorAll('input[type="number"]').forEach(el => {
        el.value = '11111111111111111111';
    });

    document.querySelectorAll('input[type="submit"]').forEach(el => {
        el.value = el.value + ' ' + el.value;
    });
}

function layoutImagesTest(size) {
    const images = {
        horizontal: 'https://placekitten.com/1500/800',
        vertical: 'https://placekitten.com/800/1500',
        cube: 'https://placekitten.com/1000/1000'
    };

    document.querySelectorAll('img').forEach(el => {
        el.setAttribute('src', images[size])
    });
}