test-support styles causes component tests to fail

[nightire]

I have a component needs to get the parent element's height and width during its didInsertElement phase, so I set up a test case renders a template snippet:

await render(hbs`
  <div {{style width="400px" height="300px"}}>
    <MyComponent />
  </div>
`);

then I got a weird result like below:

As we saw in this screenshot, the wrapper element renders only half of width and height compares to its styles, it causes the test to fail even its implementation is actually correct.

I found the root cause is the default styles in:

ember-qunit/vendor/ember-qunit/test-container-styles.css

Lines 23 to 25 in 633f7c2

	width: 200%;
	height: 200%;
	transform: scale(0.5);

but I'm not confident to remove it at all. I use this temporary solution currently:

await render(hbs`
  // reset styles only for this test case:
  <style>
    #ember-testing { width: initial; height: initial; transform: initial; }
  </style>

  <div {{style width="400px" height="300px"}}>
    <MyComponent />
  </div>
`);

[rohitpaulk]

Related to #595 (comment).