src/third_party/WebKit/LayoutTests/fast/dom/element-attribute-js-null.html

   1 <html>
   2 <head>
   3     <style type="text/css">
   4         .pass { color: green; }
   5         .fail { color: red; }
   6     </style>
   7     <script>
   8         function printOut(msg)
   9         {
  10             var console = document.getElementById("console");
  11             var span = document.createElement('span');
  12             span.innerHTML = msg + '<br>';
  13             console.appendChild(span);
  14         }
  15
  16         function resultStringifier(result)
  17         {
  18             if (result === "")
  19                 return "<b>the empty string</b>";
  20             else if (result === null)
  21                 return "<b>null</b>";
  22             else if (result === undefined)
  23                 return "<b>undefined</b>";
  24             return "the string '" + result + "'";
  25         }
  26
  27         function resolve(url)
  28         {
  29             var a = document.createElement('a');
  30             a.href = url;
  31             return a.href;
  32         }
  33
  34         function nullTestElementAttribute(elementType, element, attr, expected, isUrl)
  35         {
  36             var exceptionThrown;
  37             try {
  38                 element[attr] = null;
  39             } catch (ec) {
  40                 exceptionThrown = ec;
  41             }
  42             var result;
  43             if (exceptionThrown) {
  44                 if (expected === 'exception')
  45                     result = "<span class='pass'>TEST SUCCEEDED:</span> Exception (" + exceptionThrown + ") was thrown as expected.";
  46                 else
  47                     result = "<span class='fail'>TEST FAILED:</span> An exception was thrown unexpectedly.";
  48             } else {
  49                 if (expected === 'exception')
  50                     result = "<span class='fail'>TEST FAILED:</span> An exception should have been thrown.";
  51                 else if (isUrl && element[attr] === resolve(expected))
  52                     result = "<span class='pass'>TEST SUCCEEDED:</span> The value was " + resultStringifier(expected) + " resolved as a URL.";
  53                 else if (!isUrl && element[attr] === expected)
  54                     result = "<span class='pass'>TEST SUCCEEDED:</span> The value was " + resultStringifier(expected) + ".";
  55                 else
  56                     result = "<span class='fail'>TEST FAILED:</span> The value should have been " + resultStringifier(expected) + " but was " + resultStringifier(element[attr]) + ".";
  57             }
  58             result += " [tested " + elementType + "." + attr + "]";
  59             printOut(result);
  60         }
  61
  62         function runTests()
  63         {
  64             if (window.testRunner)
  65                 testRunner.dumpAsText();
  66
  67             // Others to test:
  68             //  Core DOM
  69             //    Attr.value (expected: null)
  70             //    CharacterData.data
  71             //    ProcessingInstruction.data
  72             //  Functions
  73
  74             var listing = [
  75                 {
  76                     type: 'Node',
  77                     elementToUse: document.createElement('div'),
  78                     attributes: [
  79                         {name: 'nodeValue', expectedNull: null},
  80                          // 'prefix' only works because this is an HTMLElement type node, if it were an
  81                          // XML node (created using createElementNS()) this would throw an exception. We
  82                          // should test this further as Firefox has a different behavior.
  83                         {name: 'prefix', expectedNull: null},
  84                         {name: 'textContent', expectedNull: ''}
  85                     ]
  86                 },
  87                 {
  88                     type: 'Element',
  89                     elementToUse: document.createElementNS('http://example.com/', 'example'),
  90                     attributes: [
  91                         {name: 'id', expectedNull: 'null'},
  92                         {name: 'className', expectedNull: 'null'},
  93                         {name: 'innerHTML', expectedNull: ''},
  94                         {name: 'outerHTML', expectedNull: 'exception'}
  95                     ]
  96                 },
  97                 {
  98                     type: 'HTMLElement',
  99                     elementToUse: document.createElement('abbr'),
 100                     attributes: [
 101                         {name: 'accessKey', expectedNull: 'null'},
 102                         {name: 'title', expectedNull: 'null'},
 103                         {name: 'lang', expectedNull: 'null'},
 104                         {name: 'dir', expectedNull: ''},
 105                         {name: 'innerText', expectedNull: ''},
 106                         {name: 'outerText', expectedNull: 'exception'},
 107                         {name: 'contentEditable', expectedNull: 'exception'}
 108                     ]
 109                 },
 110                 {
 111                     type: 'HTMLAnchorElement',
 112                     elementToUse: document.createElement('a'),
 113                     attributes: [
 114                         {name: 'charset', expectedNull: 'null'},
 115                         {name: 'coords', expectedNull: 'null'},
 116                         {name: 'download', expectedNull: 'null'},
 117                         {name: 'href', expectedNull: 'null', isUrl: true},
 118                         {name: 'hreflang', expectedNull: 'null'},
 119                         {name: 'name', expectedNull: 'null'},
 120                         {name: 'ping', expectedNull: 'null'},
 121                         {name: 'rel', expectedNull: 'null'},
 122                         {name: 'rev', expectedNull: 'null'},
 123                         {name: 'shape', expectedNull: 'null'},
 124                         {name: 'target', expectedNull: 'null'},
 125                         {name: 'type', expectedNull: 'null'}
 126                     ]
 127                 },
 128                 {
 129                     type: 'HTMLAppletElement',
 130                     elementToUse: document.createElement('applet'),
 131                     attributes: [
 132                         {name: 'align', expectedNull: 'null'},
 133                         {name: 'alt', expectedNull: 'null'},
 134                         {name: 'archive', expectedNull: 'null'},
 135                         {name: 'code', expectedNull: 'null'},
 136                         {name: 'codeBase', expectedNull: 'null', isUrl: true},
 137                         {name: 'height', expectedNull: 'null'},
 138                         {name: 'name', expectedNull: 'null'},
 139                         {name: 'object', expectedNull: 'null', isUrl: true},
 140                         {name: 'width', expectedNull: 'null'}
 141                     ]
 142                 },
 143                 {
 144                     type: 'HTMLAreaElement',
 145                     elementToUse: document.createElement('area'),
 146                     attributes: [
 147                         {name: 'alt', expectedNull: 'null'},
 148                         {name: 'coords', expectedNull: 'null'},
 149                         {name: 'href', expectedNull: 'null', isUrl: true},
 150                         {name: 'ping', expectedNull: 'null'},
 151                         {name: 'shape', expectedNull: 'null'},
 152                         {name: 'target', expectedNull: 'null'}
 153                     ]
 154                 },
 155                 {
 156                     type: 'HTMLAudioElement',
 157                     elementToUse: document.createElement('audio'),
 158                     attributes: [
 159                         {name: 'mediaGroup', expectedNull: 'null'},
 160                         {name: 'preload', expectedNull: 'auto'},
 161                         {name: 'src', expectedNull: 'null', isUrl: true}
 162                     ]
 163                 },
 164                 {
 165                     type: 'HTMLBaseElement',
 166                     elementToUse: document.createElement('base'),
 167                     attributes: [
 168                         {name: 'href', expectedNull: 'null', isUrl: true},
 169                         {name: 'target', expectedNull: 'null'}
 170                     ]
 171                 },
 172                 {
 173                     type: 'HTMLBlockquoteElement',
 174                     elementToUse: document.createElement('blockquote'),
 175                     attributes: [
 176                         {name: 'cite', expectedNull: 'null', isUrl: true}
 177                     ]
 178                 },
 179                 {
 180                     type: 'HTMLBodyElement',
 181                     elementToUse: document.createElement('body'),
 182                     attributes: [
 183                         {name: 'aLink', expectedNull: ''},
 184                         {name: 'background', expectedNull: 'null'},
 185                         {name: 'bgColor', expectedNull: ''},
 186                         {name: 'link', expectedNull: ''},
 187                         {name: 'text', expectedNull: ''},
 188                         {name: 'vLink', expectedNull: ''}
 189                     ]
 190                 },
 191                 {
 192                     type: 'HTMLBRElement',
 193                     elementToUse: document.createElement('br'),
 194                     attributes: [
 195                         {name: 'clear', expectedNull: 'null'}
 196                     ]
 197                 },
 198                 {
 199                     type: 'HTMLButtonElement',
 200                     elementToUse: document.createElement('button'),
 201                     attributes: [
 202                         {name: 'formAction', expectedNull: 'null', isUrl: true},
 203                         {name: 'formEnctype', expectedNull: 'application/x-www-form-urlencoded'},
 204                         {name: 'formMethod', expectedNull: 'get'},
 205                         {name: 'formTarget', expectedNull: 'null'},
 206                         {name: 'name', expectedNull: 'null'},
 207                         {name: 'type', expectedNull: 'submit'},
 208                         {name: 'value', expectedNull: 'null'}
 209                     ]
 210                 },
 211                 {
 212                     type: 'HTMLDivElement',
 213                     elementToUse: document.createElement('div'),
 214                     attributes: [
 215                         {name: 'align', expectedNull: 'null'}
 216                     ]
 217                 },
 218
 219                 // HTMLDListElement
 220                 // NONE
 221
 222                 {
 223                     type: 'HTMLEmbedElement',
 224                     elementToUse: document.createElement('embed'),
 225                     attributes: [
 226                         {name: 'align', expectedNull: 'null'},
 227                         {name: 'height', expectedNull: 'null'},
 228                         {name: 'name', expectedNull: 'null'},
 229                         {name: 'src', expectedNull: 'null', isUrl: true},
 230                         {name: 'type', expectedNull: 'null'},
 231                         {name: 'width', expectedNull: 'null'}
 232                     ]
 233                 },
 234                 {
 235                     type: 'HTMLFieldSetElement',
 236                     elementToUse: document.createElement('fieldset'),
 237                     attributes: [
 238                         {name: 'name', expectedNull: 'null'}
 239                     ]
 240                 },
 241                 {
 242                     type: 'HTMLFontElement',
 243                     elementToUse: document.createElement('font'),
 244                     attributes: [
 245                         {name: 'color', expectedNull: ''},
 246                         {name: 'face', expectedNull: 'null'},
 247                         {name: 'size', expectedNull: 'null'}
 248                     ]
 249                 },
 250                 {
 251                     type: 'HTMLFormElement',
 252                     elementToUse: document.createElement('form'),
 253                     attributes: [
 254                         {name: 'acceptCharset', expectedNull: 'null'},
 255                         {name: 'action', expectedNull: 'null', isUrl: true},
 256                         {name: 'autocomplete', expectedNull: 'on'},
 257                         {name: 'enctype', expectedNull: 'application/x-www-form-urlencoded'},
 258                         {name: 'encoding', expectedNull: 'application/x-www-form-urlencoded'},
 259                         {name: 'method', expectedNull: 'get'},
 260                         {name: 'name', expectedNull: 'null'},
 261                         {name: 'target', expectedNull: 'null'}
 262                     ]
 263                 },
 264                 {
 265                     type: 'HTMLFrameElement',
 266                     elementToUse: document.createElement('frame'),
 267                     attributes: [
 268                         {name: 'frameBorder', expectedNull: 'null'},
 269                         {name: 'longDesc', expectedNull: 'null', isUrl: true},
 270                         {name: 'marginHeight', expectedNull: ''},
 271                         {name: 'marginWidth', expectedNull: ''},
 272                         {name: 'name', expectedNull: 'null'},
 273                         {name: 'scrolling', expectedNull: 'null'},
 274                         {name: 'src', expectedNull: 'null', isUrl: true}
 275                     ]
 276                 },
 277                 {
 278                     type: 'HTMLFrameSetElement',
 279                     elementToUse: document.createElement('frameset'),
 280                     attributes: [
 281                         {name: 'cols', expectedNull: 'null'},
 282                         {name: 'rows', expectedNull: 'null'}
 283                     ]
 284                 },
 285                 {
 286                     type: 'HTMLHeadingElement',
 287                     // no need to test h2-h6
 288                     elementToUse: document.createElement('h1'),
 289                     attributes: [
 290                         {name: 'align', expectedNull: 'null'}
 291                     ]
 292                 },
 293                 {
 294                     type: 'HTMLHRElement',
 295                     elementToUse: document.createElement('hr'),
 296                     attributes: [
 297                         {name: 'align', expectedNull: 'null'},
 298                         {name: 'color', expectedNull: 'null'},
 299                         {name: 'size', expectedNull: 'null'},
 300                         {name: 'width', expectedNull: 'null'}
 301                     ]
 302                 },
 303                 {
 304                     type: 'HTMLHtmlElement',
 305                     elementToUse: document.createElement('html'),
 306                     attributes: [
 307                         {name: 'version', expectedNull: 'null'}
 308                     ]
 309                 },
 310                 {
 311                     type: 'HTMLIFrameElement',
 312                     elementToUse: document.createElement('iframe'),
 313                     attributes: [
 314                         {name: 'align', expectedNull: 'null'},
 315                         {name: 'frameBorder', expectedNull: 'null'},
 316                         {name: 'height', expectedNull: 'null'},
 317                         {name: 'longDesc', expectedNull: 'null', isUrl: true},
 318                         {name: 'marginHeight', expectedNull: ''},
 319                         {name: 'marginWidth', expectedNull: ''},
 320                         {name: 'name', expectedNull: 'null'},
 321                         {name: 'scrolling', expectedNull: 'null'},
 322                         {name: 'src', expectedNull: 'null', isUrl: true},
 323                         {name: 'srcdoc', expectedNull: 'null'},
 324                         {name: 'width', expectedNull: 'null'}
 325                     ]
 326                 },
 327                 {
 328                     type: 'HTMLImageElement',
 329                     elementToUse: document.createElement('img'),
 330                     attributes: [
 331                         {name: 'align', expectedNull: 'null'},
 332                         {name: 'alt', expectedNull: 'null'},
 333                         {name: 'border', expectedNull: ''},
 334                         {name: 'crossOrigin', expectedNull: null},
 335                         {name: 'longDesc', expectedNull: 'null', isUrl: true},
 336                         {name: 'lowsrc', expectedNull: 'null', isUrl: true},
 337                         {name: 'name', expectedNull: 'null'},
 338                         {name: 'src', expectedNull: 'null', isUrl: true},
 339                         {name: 'srcset', expectedNull: 'null'},
 340                         {name: 'useMap', expectedNull: 'null'}
 341                     ]
 342                 },
 343                 {
 344                     type: 'HTMLInputElement',
 345                     elementToUse: document.createElement('input'),
 346                     attributes: [
 347                         {name: 'accept', expectedNull: 'null'},
 348                         {name: 'align', expectedNull: 'null'},
 349                         {name: 'alt', expectedNull: 'null'},
 350                         {name: 'autocomplete', expectedNull: 'null'},
 351                         {name: 'defaultValue', expectedNull: 'null'},
 352                         {name: 'dirName', expectedNull: 'null'},
 353                         {name: 'formAction', expectedNull: 'null', isUrl: true},
 354                         {name: 'formEnctype', expectedNull: 'application/x-www-form-urlencoded'},
 355                         {name: 'formMethod', expectedNull: 'get'},
 356                         {name: 'formTarget', expectedNull: 'null'},
 357                         {name: 'max', expectedNull: 'null'},
 358                         {name: 'min', expectedNull: 'null'},
 359                         {name: 'name', expectedNull: 'null'},
 360                         {name: 'pattern', expectedNull: 'null'},
 361                         {name: 'placeholder', expectedNull: 'null'},
 362                         {name: 'src', expectedNull: 'null', isUrl: true},
 363                         {name: 'step', expectedNull: 'null'},
 364                         {name: 'type', expectedNull: 'text'},
 365                         {name: 'useMap', expectedNull: 'null'}
 366                     ]
 367                 },
 368                 // [TreatNullAs=NullString] is not identical to [TreatNullAs=EmptyString] because
 369                 // null and empty string can be distinguished. A side-effect is that setting
 370                 // HTMLInputElement.value to null does clear the old value. This would be fixed by
 371                 // using [TreatNullAs=EmptyString], but until then test value separately to avoid
 372                 // interference from the defaultValue test.
 373                 {
 374                     type: 'HTMLInputElement',
 375                     elementToUse: document.createElement('input'),
 376                     attributes: [
 377                         {name: 'value', expectedNull: ''}
 378                     ]
 379                 },
 380                 {
 381                     type: 'HTMLKeygenElement',
 382                     elementToUse: document.createElement('keygen'),
 383                     attributes: [
 384                         {name: 'challenge', expectedNull: 'null'},
 385                         {name: 'keytype', expectedNull: ''},
 386                         {name: 'name', expectedNull: 'null'}
 387                     ]
 388                 },
 389                 {
 390                     type: 'HTMLLabelElement',
 391                     elementToUse: document.createElement('label'),
 392                     attributes: [
 393                         {name: 'htmlFor', expectedNull: 'null'}
 394                     ]
 395                 },
 396                 {
 397                     type: 'HTMLLegendElement',
 398                     elementToUse: document.createElement('legend'),
 399                     attributes: [
 400                         {name: 'align', expectedNull: 'null'}
 401                     ]
 402                 },
 403                 {
 404                     type: 'HTMLLIElement',
 405                     elementToUse: document.createElement('li'),
 406                     attributes: [
 407                         {name: 'type', expectedNull: 'null'}
 408                     ]
 409                 },
 410                 {
 411                     type: 'HTMLLinkElement',
 412                     elementToUse: document.createElement('link'),
 413                     attributes: [
 414                         {name: 'charset', expectedNull: 'null'},
 415                         {name: 'href', expectedNull: 'null', isUrl: true},
 416                         {name: 'hreflang', expectedNull: 'null'},
 417                         {name: 'media', expectedNull: 'null'},
 418                         {name: 'rel', expectedNull: 'null'},
 419                         {name: 'rev', expectedNull: 'null'},
 420                         {name: 'target', expectedNull: 'null'},
 421                         {name: 'type', expectedNull: 'null'}
 422                     ]
 423                 },
 424                 {
 425                     type: 'HTMLMapElement',
 426                     elementToUse: document.createElement('map'),
 427                     attributes: [
 428                         {name: 'name', expectedNull: 'null'}
 429                     ]
 430                 },
 431                 {
 432                     type: 'HTMLMarqueeElement',
 433                     elementToUse: document.createElement('marquee'),
 434                     attributes: [
 435                         {name: 'behavior', expectedNull: 'null'},
 436                         {name: 'bgColor', expectedNull: 'null'},
 437                         {name: 'direction', expectedNull: 'null'},
 438                         {name: 'height', expectedNull: 'null'},
 439                         {name: 'width', expectedNull: 'null'}
 440                     ]
 441                 },
 442
 443                 // HTMLMenuElement
 444                 // NONE
 445
 446                 {
 447                     type: 'HTMLMetaElement',
 448                     elementToUse: document.createElement('meta'),
 449                     attributes: [
 450                         {name: 'content', expectedNull: 'null'},
 451                         {name: 'httpEquiv', expectedNull: 'null'},
 452                         {name: 'name', expectedNull: 'null'},
 453                         {name: 'scheme', expectedNull: 'null'}
 454                     ]
 455                 },
 456                 {
 457                     type: 'HTMLModElement',
 458                     elementToUse: document.createElement('ins'), // same as 'del'
 459                     attributes: [
 460                         {name: 'cite', expectedNull: 'null', isUrl: true},
 461                         {name: 'dateTime', expectedNull: 'null'}
 462                     ]
 463                 },
 464                 {
 465                     type: 'HTMLObjectElement',
 466                     elementToUse: document.createElement('object'),
 467                     attributes: [
 468                         {name: 'code', expectedNull: 'null'},
 469                         {name: 'align', expectedNull: 'null'},
 470                         {name: 'archive', expectedNull: 'null'},
 471                         {name: 'border', expectedNull: ''},
 472                         {name: 'codeBase', expectedNull: 'null', isUrl: true},
 473                         {name: 'codeType', expectedNull: 'null'},
 474                         {name: 'data', expectedNull: 'null', isUrl: true},
 475                         {name: 'height', expectedNull: 'null'},
 476                         {name: 'name', expectedNull: 'null'},
 477                         {name: 'standby', expectedNull: 'null'},
 478                         {name: 'type', expectedNull: 'null'},
 479                         {name: 'useMap', expectedNull: 'null'},
 480                         {name: 'width', expectedNull: 'null'}
 481                     ]
 482                 },
 483                 {
 484                     type: 'HTMLOListElement',
 485                     elementToUse: document.createElement('ol'),
 486                     attributes: [
 487                         {name: 'type', expectedNull: 'null'}
 488                     ]
 489                 },
 490                 {
 491                     type: 'HTMLOptGroupElement',
 492                     elementToUse: document.createElement('optgroup'),
 493                     attributes: [
 494                         {name: 'label', expectedNull: 'null'}
 495                     ]
 496                 },
 497                 {
 498                     type: 'HTMLOptionElement',
 499                     elementToUse: document.createElement('option'),
 500                     attributes: [
 501                         {name: 'text', expectedNull: 'null'},
 502                         {name: 'label', expectedNull: 'null'},
 503                         {name: 'value', expectedNull: 'null'}
 504                     ]
 505                 },
 506                 {
 507                     type: 'HTMLOutputElement',
 508                     elementToUse: document.createElement('output'),
 509                     attributes: [
 510                         {name: 'name', expectedNull: 'null'},
 511                         {name: 'defaultValue', expectedNull: 'null'},
 512                         {name: 'value', expectedNull: 'null'}
 513                     ]
 514                 },
 515                 {
 516                     type: 'HTMLParagraphElement',
 517                     elementToUse: document.createElement('p'),
 518                     attributes: [
 519                         {name: 'align', expectedNull: 'null'}
 520                     ]
 521                 },
 522                 {
 523                     type: 'HTMLParamElement',
 524                     elementToUse: document.createElement('param'),
 525                     attributes: [
 526                         {name: 'name', expectedNull: 'null'},
 527                         {name: 'type', expectedNull: 'null'},
 528                         {name: 'value', expectedNull: 'null'},
 529                         {name: 'valueType', expectedNull: 'null'}
 530                     ]
 531                 },
 532
 533                 // HTMLPreElement
 534                 // NONE
 535
 536                 {
 537                     type: 'HTMLQuoteElement',
 538                     elementToUse: document.createElement('q'),
 539                     attributes: [
 540                         {name: 'cite', expectedNull: 'null', isUrl:true}
 541                     ]
 542                 },
 543                 {
 544                     type: 'HTMLScriptElement',
 545                     elementToUse: document.createElement('script'),
 546                     attributes: [
 547                         {name: 'text', expectedNull: 'null'},
 548                         {name: 'htmlFor', expectedNull: 'null'},
 549                         {name: 'event', expectedNull: 'null'},
 550                         {name: 'charset', expectedNull: 'null'},
 551                         {name: 'src', expectedNull: 'null', isUrl: true},
 552                         {name: 'type', expectedNull: 'null'},
 553                         {name: 'crossOrigin', expectedNull: null},
 554                         {name: 'nonce', expectedNull: 'null'}
 555                     ]
 556                 },
 557                 {
 558                     type: 'HTMLSelectElement',
 559                     elementToUse: document.createElement('select'),
 560                     attributes: [
 561                         {name: 'value', expectedNull: ''},
 562                         {name: 'name', expectedNull: 'null'}
 563                     ]
 564                 },
 565                 {
 566                     type: 'HTMLSourceElement',
 567                     elementToUse: document.createElement('source'),
 568                     attributes: [
 569                         {name: 'src', expectedNull: 'null', isUrl: true},
 570                         {name: 'type', expectedNull: 'null'}
 571                     ]
 572                 },
 573                 {
 574                     type: 'HTMLStyleElement',
 575                     elementToUse: document.createElement('style'),
 576                     attributes: [
 577                         {name: 'media', expectedNull: 'null'},
 578                         {name: 'type', expectedNull: 'null'}
 579                     ]
 580                 },
 581                 {
 582                     type: 'HTMLTableCaptionElement',
 583                     elementToUse: document.createElement('caption'),
 584                     attributes: [
 585                         {name: 'align', expectedNull: 'null'}
 586                     ]
 587                 },
 588                 {
 589                     type: 'HTMLTableCellElement',
 590                     elementToUse: document.createElement('td'),
 591                     attributes: [
 592                         {name: 'abbr', expectedNull: 'null'},
 593                         {name: 'align', expectedNull: 'null'},
 594                         {name: 'axis', expectedNull: 'null'},
 595                         {name: 'bgColor', expectedNull: ''},
 596                         {name: 'ch', expectedNull: 'null'},
 597                         {name: 'chOff', expectedNull: 'null'},
 598                         {name: 'headers', expectedNull: ''},
 599                         {name: 'height', expectedNull: 'null'},
 600                         {name: 'scope', expectedNull: 'null'},
 601                         {name: 'vAlign', expectedNull: 'null'},
 602                         {name: 'width', expectedNull: 'null'}
 603                     ]
 604                 },
 605                 {
 606                     type: 'HTMLTableColElement',
 607                     elementToUse: document.createElement('col'),
 608                     attributes: [
 609                         {name: 'align', expectedNull: 'null'},
 610                         {name: 'ch', expectedNull: 'null'},
 611                         {name: 'chOff', expectedNull: 'null'},
 612                         {name: 'vAlign', expectedNull: 'null'},
 613                         {name: 'width', expectedNull: 'null'}
 614                     ]
 615                 },
 616                 {
 617                     type: 'HTMLTableElement',
 618                     elementToUse: document.createElement('table'),
 619                     attributes: [
 620                         {name: 'align', expectedNull: 'null'},
 621                         {name: 'bgColor', expectedNull: ''},
 622                         {name: 'border', expectedNull: 'null'},
 623                         {name: 'cellPadding', expectedNull: ''},
 624                         {name: 'cellSpacing', expectedNull: ''},
 625                         {name: 'frame', expectedNull: 'null'},
 626                         {name: 'rules', expectedNull: 'null'},
 627                         {name: 'summary', expectedNull: 'null'},
 628                         {name: 'width', expectedNull: 'null'}
 629                     ]
 630                 },
 631                 {
 632                     type: 'HTMLTableRowElement',
 633                     elementToUse: document.createElement('tr'),
 634                     attributes: [
 635                         {name: 'align', expectedNull: 'null'},
 636                         {name: 'bgColor', expectedNull: ''},
 637                         {name: 'ch', expectedNull: 'null'},
 638                         {name: 'chOff', expectedNull: 'null'},
 639                         {name: 'vAlign', expectedNull: 'null'}
 640                     ]
 641                 },
 642                 {
 643                     type: 'HTMLTableSectionElement',
 644                     elementToUse: document.createElement('tbody'),
 645                     attributes: [
 646                         {name: 'align', expectedNull: 'null'},
 647                         {name: 'ch', expectedNull: 'null'},
 648                         {name: 'chOff', expectedNull: 'null'},
 649                         {name: 'vAlign', expectedNull: 'null'}
 650                     ]
 651                 },
 652                 {
 653                     type: 'HTMLTextAreaElement',
 654                     elementToUse: document.createElement('textarea'),
 655                     attributes: [
 656                         {name: 'defaultValue', expectedNull: 'null'},
 657                         {name: 'dirName', expectedNull: 'null'},
 658                         {name: 'inputMode', expectedNull: 'null'},
 659                         {name: 'name', expectedNull: 'null'},
 660                         {name: 'placeholder', expectedNull: 'null'},
 661                         {name: 'value', expectedNull: ''},
 662                         {name: 'wrap', expectedNull: 'null'}
 663                     ]
 664                 },
 665                 {
 666                     type: 'HTMLTitleElement',
 667                     elementToUse: document.createElement('title'),
 668                     attributes: [
 669                         {name: 'text', expectedNull: 'null'}
 670                     ]
 671                 },
 672                 {
 673                     type: 'HTMLTrackElement',
 674                     elementToUse: document.createElement('track'),
 675                     attributes: [
 676                         {name: 'kind', expectedNull: 'subtitles'},
 677                         {name: 'label', expectedNull: 'null'},
 678                         {name: 'src', expectedNull: 'null', isUrl: true},
 679                         {name: 'srclang', expectedNull: 'null'}
 680                     ]
 681                 },
 682                 {
 683                     type: 'HTMLUListElement',
 684                     elementToUse: document.createElement('ul'),
 685                     attributes: [
 686                         {name: 'type', expectedNull: 'null'}
 687                     ]
 688                 },
 689                 {
 690                     type: 'HTMLVideoElement',
 691                     elementToUse: document.createElement('video'),
 692                     attributes: [
 693                         {name: 'mediaGroup', expectedNull: 'null'},
 694                         {name: 'poster', expectedNull: 'null', isUrl: true},
 695                         {name: 'preload', expectedNull: 'auto'},
 696                         {name: 'src', expectedNull: 'null', isUrl: true}
 697                     ]
 698                 }
 699             ];
 700
 701             for (element in listing) {
 702                 var type = listing[element].type;
 703                 var elementToUse = listing[element].elementToUse;
 704                 var attrs = listing[element].attributes;
 705                 for (attr in attrs) {
 706                     nullTestElementAttribute(type, elementToUse, attrs[attr].name, attrs[attr].expectedNull, attrs[attr].isUrl);
 707                 }
 708                 printOut('');
 709             }
 710         }
 711     </script>
 712 </head>
 713 <body onload="runTests()">
 714     <p>This test setting various attributes of a elements to JavaScript null.</p>
 715     <div id="console"></div>
 716 </body>
 717 </html>