Fix issue in which removing a class does not always invalidate style

LayoutTests/fast/css/invalidation/targeted-class-style-invalidation.html

Index: LayoutTests/fast/css/invalidation/targeted-class-style-invalidation.html
diff --git a/LayoutTests/fast/css/invalidation/targeted-class-style-invalidation.html b/LayoutTests/fast/css/invalidation/targeted-class-style-invalidation.html
index b229f9faf2840bf3c33d4221c1f00614f3ff9d70..cbf58d1b56417a4431fcd0a17f03bf5ec53d1eac 100644
--- a/LayoutTests/fast/css/invalidation/targeted-class-style-invalidation.html
+++ b/LayoutTests/fast/css/invalidation/targeted-class-style-invalidation.html
@@ -2,11 +2,14 @@
 <script src="../../../resources/js-test.js"></script>
 
 <style>
-  .outer .inner {}
+  div { width: 100px }
+  .outer .inner { width: 200px }
 </style>
 
 <div id="outer">
     <div id="inner" class="inner">
+        <div id="innerChild">
+        </div>
     </div>
     <div id="inner2">
     </div>
@@ -23,18 +26,29 @@ function insertStyleSheet(css)
 }
 
 var outer = document.getElementById('outer');
+var inner = document.getElementById('inner');
 
-outer.offsetTop;
-outer.className = 'outer';
+var count;
+if (internals.runtimeFlags.targetedStyleRecalcEnabled)
+    count = 2;
+else
+    count = 4;
 
 // Style recalc should happen on "inner" and "outer", but not "inner2".
+outer.offsetTop;
+outer.className = 'outer';
+shouldBe("internals.updateStyleAndReturnAffectedElementCount()", '' + count);
+shouldBe("getComputedStyle(inner).width", '"200px"');
 
-var count;
 if (internals.runtimeFlags.targetedStyleRecalcEnabled)
-    count = 2;
+    count = 1;
 else
-    count = 3;
+    count = 2;
 
+// Style recalc should happen on "inner", but not "innerChild".
+inner.offsetTop;
+inner.className = '';
 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", '' + count);
+shouldBe("getComputedStyle(inner).width", '"100px"');
 
 </script>