<!DOCTYPE html>
<title>outerHTML and string conversion</title>
<link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com">
<link rel="help" href="https://w3c.github.io/DOM-Parsing/#extensions-to-the-element-interface">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="log"></div>
<script>
test(function() {
  var div = document.createElement("div");
  var p = div.appendChild(document.createElement("p"));
  p.outerHTML = null;
  assert_equals(div.innerHTML, "");
  assert_equals(div.textContent, "");
}, "outerHTML and string conversion: null.")

test(function() {
  var div = document.createElement("div");
  var p = div.appendChild(document.createElement("p"));
  p.outerHTML = undefined;
  assert_equals(div.innerHTML, "undefined");
  assert_equals(div.textContent, "undefined");
}, "outerHTML and string conversion: undefined.")

test(function() {
  var div = document.createElement("div");
  var p = div.appendChild(document.createElement("p"));
  p.outerHTML = 42;
  assert_equals(div.innerHTML, "42");
  assert_equals(div.textContent, "42");
}, "outerHTML and string conversion: number.")

test(function() {
  var div = document.createElement("div");
  var p = div.appendChild(document.createElement("p"));
  p.outerHTML = {
    toString: function() { return "pass"; },
    valueOf: function() { return "fail"; }
  };
  assert_equals(div.innerHTML, "pass");
  assert_equals(div.textContent, "pass");
}, "outerHTML and string conversion: toString.")

test(function() {
  var div = document.createElement("div");
  var p = div.appendChild(document.createElement("p"));
  p.outerHTML = {
    toString: undefined,
    valueOf: function() { return "pass"; }
  };
  assert_equals(div.innerHTML, "pass");
  assert_equals(div.textContent, "pass");
}, "outerHTML and string conversion: valueOf.")
</script>