test($compile): work around Chrome (Windows) bug with reported size for <foreignObject>

Chrome 53-54+ on Windows (only) reports a 25% larger size for `<foreignObject>` elements and their
descendants (although the size is actually correct on the page). For example,
`<foreignObject style="width: 100px; height: 100px;">...</foreignObject>`, will be reported by
`getBoundingClientRect()` as being `125px` x `125px`, although it will be `100px` x `100px` as
expected.

Fixes angular#15333

Author: gkalpak

test/ng/compileSpec.js

@@ -452,7 +452,12 @@ describe('$compile', function() {
         var testElem = element.find('div');
         expect(isHTMLElement(testElem[0])).toBe(true);
         var bounds = testElem[0].getBoundingClientRect();
-        expect(bounds.width === 20 && bounds.height === 20).toBe(true);
+
+        // Support: Chrome 53-54+ (Windows 10)
+        // `<foreignObject>` and its children are reported by `getBoundingClientRect()`
+        // as 25% larger in each dimension than they actually are.
+        expect(bounds.width).toBeGreaterThanOrEqual(20);
+        expect(bounds.height).toBeGreaterThanOrEqual(20);
       }));
 
       it('should handle custom svg containers that transclude to foreignObject that transclude html', inject(function() {
@@ -465,7 +470,12 @@ describe('$compile', function() {
         var testElem = element.find('div');
         expect(isHTMLElement(testElem[0])).toBe(true);
         var bounds = testElem[0].getBoundingClientRect();
-        expect(bounds.width === 20 && bounds.height === 20).toBe(true);
+
+        // Support: Chrome 53-54+ (Windows 10)
+        // `<foreignObject>` and its children are reported by `getBoundingClientRect()`
+        // as 25% larger in each dimension than they actually are.
+        expect(bounds.width).toBeGreaterThanOrEqual(20);
+        expect(bounds.height).toBeGreaterThanOrEqual(20);
       }));
 
       // NOTE: This test may be redundant.