/home/bdqbpbxa/demo-subdomains/paytech.goodface.com.ua/frontend/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])
});
}