test_input_list_attribute.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=556007

-->

<head>

  <title>Test for Bug 556007</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>

</head>

<body>

<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=556007">Mozilla Bug 556007</a>

<p id="display"></p>

<div id="content" style="display: none">

</div>

<pre id="test">

<script type="application/javascript">

/** Test for Bug 556007 **/

function test0() {

  var input = document.createElement("input");

  ok("list" in input, "list should be an input element IDL attribute");

// Default .list returns null.

function test1(aContent, aInput) {

  return null;

// Regular test case.

function test2(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  aContent.appendChild(aInput);

  aContent.appendChild(datalist);

  aInput.setAttribute('list', 'd');

  return datalist;

// If none of the element is in doc.

function test3(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  aInput.setAttribute('list', 'd');

  return null;

// If one of the element isn't in doc.

function test4(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  aContent.appendChild(aInput);

  aInput.setAttribute('list', 'd');

  return null;

// If one of the element isn't in doc.

function test5(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  aContent.appendChild(datalist);

  aInput.setAttribute('list', 'd');

  return null;

// If datalist is added before input.

function test6(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  aContent.appendChild(datalist);

  aContent.appendChild(aInput);

  aInput.setAttribute('list', 'd');

  return datalist;

// If setAttribute is set before datalist and input are in doc.

function test7(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  aInput.setAttribute('list', 'd');

  aContent.appendChild(datalist);

  aContent.appendChild(aInput);

  return datalist;

// If setAttribute is set before datalist is in doc.

function test8(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  aContent.appendChild(aInput);

  aInput.setAttribute('list', 'd');

  aContent.appendChild(datalist);

  return datalist;

// If setAttribute is set before datalist is created.

function test9(aContent, aInput) {

  aContent.appendChild(aInput);

  aInput.setAttribute('list', 'd');

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  aContent.appendChild(datalist);

  return datalist;

// If another datalist is added _after_ the first one, with the same id.

function test10(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  var datalist2 = document.createElement("datalist");

  datalist2.id = 'd';

  aInput.setAttribute('list', 'd');

  aContent.appendChild(aInput);

  aContent.appendChild(datalist);

  aContent.appendChild(datalist2);

  return datalist;

// If another datalist is added _before_ the first one with the same id.

function test11(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  var datalist2 = document.createElement("datalist");

  datalist2.id = 'd';

  aInput.setAttribute('list', 'd');

  aContent.appendChild(aInput);

  aContent.appendChild(datalist);

  aContent.insertBefore(datalist2, datalist);

  return datalist2;

// If datalist changes it's id.

function test12(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  aInput.setAttribute('list', 'd');

  aContent.appendChild(aInput);

  aContent.appendChild(datalist);

  datalist.id = 'foo';

  return null;

// If datalist is removed.

function test13(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  aInput.setAttribute('list', 'd');

  aContent.appendChild(aInput);

  aContent.appendChild(datalist);

  aContent.removeChild(datalist);

  return null;

// If id contain spaces.

function test14(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = 'a b c d';

  aInput.setAttribute('list', 'a b c d');

  aContent.appendChild(aInput);

  aContent.appendChild(datalist);

  return datalist;

// If id is the empty string.

function test15(aContent, aInput) {

  var datalist = document.createElement("datalist");

  datalist.id = '';

  aInput.setAttribute('list', '');

  aContent.appendChild(aInput);

  aContent.appendChild(datalist);

  return null;

// If the id doesn't point to a datalist.

function test16(aContent, aInput) {

  var input = document.createElement("input");

  input.id = 'd';

  aInput.setAttribute('list', 'd');

  aContent.appendChild(aInput);

  aContent.appendChild(input);

  return null;

// If the first element with the id isn't a datalist.

function test17(aContent, aInput) {

  var input = document.createElement("input");

  input.id = 'd';

  var datalist = document.createElement("datalist");

  datalist.id = 'd';

  aInput.setAttribute('list', 'd');

  aContent.appendChild(aInput);

  aContent.appendChild(input);

  aContent.appendChild(datalist);

  return null;

var tests = [ test1, test2, test3, test4, test5, test6, test7, test8, test9,

              test10, test11, test12, test13, test14, test15, test16, test17 ];

test0();

for (var test of tests) {

  var content = document.getElementById('content');

  // Clean-up.

  content.textContent = '';

  var input = document.createElement("input");

  var res = test(content, input);

  is(input.list, res, "input.list should be " + res);

</script>

</pre>

</body>

</html>