Get 100% in IE9 and IE10

src/wrappers/Range.js

@@ -10,6 +10,8 @@
   var unwrapIfNeeded = scope.unwrapIfNeeded;
   var wrap = scope.wrap;
 
+  var OriginalRange = window.Range;
+
   function Range(impl) {
     this.impl = impl;
   }
@@ -73,12 +75,16 @@
     },
     intersectsNode: function(node) {
       return this.impl.intersectsNode(unwrapIfNeeded(node));
-    },
-    createContextualFragment: function(html) {
-      return wrap(this.impl.createContextualFragment(html));
     }
   };
 
+  // IE9 does not have createContextualFragment.
+  if (OriginalRange.prototype.createContextualFragment) {
+    Range.prototype.createContextualFragment = function(html) {
+      return wrap(this.impl.createContextualFragment(html));
+    };
+  }
+
   registerWrapper(window.Range, Range);
 
   scope.wrappers.Range = Range;

test/js/Range.js

@@ -17,15 +17,20 @@ suite('Range', function() {
   });
 
   test('createContextualFragment', function() {
-      var range = document.createRange();
-      var container = document.body || document.head;
+    // IE9 does not support createContextualFragment.
+    if (!Range.prototype.createContextualFragment)
+      return;
 
-      range.selectNode(container);
-      var fragment = range.createContextualFragment('<b></b>');
+    var range = document.createRange();
+    var container = document.body || document.head;
+
+    range.selectNode(container);
+
+    var fragment = range.createContextualFragment('<b></b>');
 
-      assert.instanceOf(fragment, DocumentFragment);
-      assert.equal(fragment.firstChild.localName, 'b');
-      assert.equal(fragment.childNodes.length, 1);
+    assert.instanceOf(fragment, DocumentFragment);
+    assert.equal(fragment.firstChild.localName, 'b');
+    assert.equal(fragment.childNodes.length, 1);
   });
 
 });

test/js/test.js

@@ -201,7 +201,7 @@ suite('Shadow DOM', function() {
       testRender(':checked',
                  '<input type=checkbox><input type=checkbox checked>',
                  '<content select=":checked"></content>',
-                 /Firefox/.test(navigator.userAgent) ?
+                 /Firefox|MSIE 9/.test(navigator.userAgent) ?
                      '<input checked="" type="checkbox">' :
                      '<input type="checkbox" checked="">');
       testRender(':indeterminate',
@@ -321,7 +321,10 @@ suite('Shadow DOM', function() {
       assert.equal(calls, 1);
 
       a.setAttribute('id', 'a');
-      assert.equal(getVisualInnerHtml(host), '<a foo="bar" id="a"></a>');
+      var visHTML = getVisualInnerHtml(host);
+      // IE orders the attributes differently.
+      assert.isTrue(visHTML === '<a foo="bar" id="a"></a>' ||
+                    visHTML === '<a id="a" foo="bar"></a>');
       assert.equal(calls, 2);
 
       a.removeAttribute('foo');
@@ -365,7 +368,10 @@ suite('Shadow DOM', function() {
       assert.equal(calls, 1);
 
       a.setAttribute('class', 'a');
-      assert.equal(getVisualInnerHtml(host), '<a foo="bar" class="a"></a>');
+      var visHTML = getVisualInnerHtml(host);
+      // IE orders the attributes differently.
+      assert.isTrue(visHTML === '<a foo="bar" class="a"></a>' ||
+                    visHTML === '<a class="a" foo="bar"></a>');
       assert.equal(calls, 2);
 
       a.removeAttribute('foo');