<!DOCTYPE html>
<html>
<body>
<script src="../../../resources/js-test.js"></script>
<script>
description('Change multiple fields week input UI layout by value');
var testInput = document.createElement('input');
testInput.type = 'week';
testInput.max = '9999-W52';
document.body.appendChild(testInput);
var widthOfEmptyValue = testInput.offsetWidth;

testInput.value = '10000-W01';
var widthOfOverflowValue = testInput.offsetWidth;
shouldBeTrue('widthOfEmptyValue < widthOfOverflowValue');

testInput.value = '2012-W10';
var widthOfValidValue = testInput.offsetWidth;
shouldBe('widthOfEmptyValue', 'widthOfValidValue');

testInput.remove();
</script>
</body>
</html>