LayoutTests/fast/forms/select-clientheight-large-size_t01.dart

/*
 * Copyright (c) 2014, the Dart project authors.  Please see the AUTHORS file
 * for details. All rights reserved. Use of this source code is governed by a
 * BSD-style license that can be found in the LICENSE file.
 */
/**
 * @description Tests that select elements cap their size to the size attribute
 * and to 4 when no size is specified.
 */
import "dart:html";
import "../../testcommon.dart";
import "../../../Utils/async_utils.dart";

main() {
  document.body.setInnerHtml('''
      <div id="output"></div>
      ''', treeSanitizer: new NullTreeSanitizer());

  getElemById(elemId) {
    return document.getElementById(elemId);
  }

  clientHeight(elemId) {
    return getElemById(elemId).clientHeight;
  }

  multipleOfElement(elemId, multiple) {
    return clientHeight(elemId) * multiple + (multiple - 1);
  }

  addSelect(id, numOptions) {
    var select = document.createElement("select2");
    var html = '<select multiple id="$id">';
    for (var i = 0; i <= numOptions; i++)
      html += '<option value="$i">$i</option>';
    getElemById('output').innerHtml += html + '</select>';
  }

  addSelect('select1', 10);
  addSelect('select2', 16);

  debug('test 1');
  shouldBe(clientHeight('select2'), clientHeight('select1'));
  debug('test 2');
  getElemById('select2').setAttribute('size', '4'); shouldBeTrue(clientHeight('select2') == clientHeight('select1'));
  debug('test 3');
  getElemById('select2').setAttribute('size', '5'); shouldBeTrue(clientHeight('select2') > clientHeight('select1'));
  debug('test 4');
  getElemById('select2').setAttribute('size', '8'); shouldBeTrue(clientHeight('select2') == multipleOfElement('select1', 2));
  debug('test 5');
  getElemById('select2').setAttribute('size', '12'); shouldBeTrue(clientHeight('select2') == multipleOfElement('select1', 3));
  debug('test 6');
  getElemById('select2').setAttribute('size', '16'); shouldBeTrue(clientHeight('select2') == multipleOfElement('select1', 4));
}