Enable usage when jQuery is not present.

lib/ember-test-helpers/-legacy-overrides.js

@@ -37,6 +37,8 @@ export function preGlimmerSetupIntegrationForComponent() {
     Ember.run(function() {
       module.component.appendTo('#ember-testing');
     });
+
+    context._element = module.component.element;
   };
 
   context.$ = function() {

lib/ember-test-helpers/abstract-test-module.js

@@ -91,8 +91,11 @@ export default Klass.extend({
   },
 
   setupTestElements() {
-    if (Ember.$('#ember-testing').length === 0) {
-      Ember.$('<div id="ember-testing"/>').appendTo(document.body);
+    if (!document.querySelector('#ember-testing')) {
+      let element = document.createElement('div');
+      element.setAttribute('id', 'ember-testing');
+
+      document.body.appendChild(element);
     }
   },
 
@@ -114,7 +117,7 @@ export default Klass.extend({
   },
 
   teardownTestElements() {
-    Ember.$('#ember-testing').empty();
+    document.getElementById('ember-testing').innerHTML = '';
 
     // Ember 2.0.0 removed Ember.View as public API, so only do this when
     // Ember.View is present

lib/ember-test-helpers/test-module-for-component.js

@@ -100,6 +100,8 @@ export default TestModule.extend({
     context.dispatcher = this.container.lookup('event_dispatcher:main') || Ember.EventDispatcher.create();
     context.dispatcher.setup({}, '#ember-testing');
 
+    context._element = null;
+
     this.callbacks.render = function() {
       var subject;
 
@@ -108,6 +110,8 @@ export default TestModule.extend({
         subject.appendTo('#ember-testing');
       });
 
+      context._element = subject.element;
+
       _this.teardownSteps.unshift(function() {
         Ember.run(function() {
           Ember.tryInvoke(subject, 'destroy');
@@ -243,7 +247,7 @@ export function setupComponentIntegrationTest() {
     // ensure the element is based on the wrapping toplevel view
     // Ember still wraps the main application template with a
     // normal tagged view
-    element = Ember.$('#ember-testing > .ember-view');
+    context._element = element = document.querySelector('#ember-testing > .ember-view');
   };
 
   context.$ = function(selector) {

lib/ember-test-helpers/wait.js

@@ -1,7 +1,9 @@
-/* globals jQuery, self */
+/* globals self */
 
 import Ember from 'ember';
 
+const jQuery = Ember.$;
+
 var requests;
 function incrementAjaxPendingRequests(_, xhr) {
   requests.push(xhr);
@@ -16,13 +18,17 @@ function decrementAjaxPendingRequests(_, xhr) {
 }
 
 export function _teardownAJAXHooks() {
+  if (!jQuery) { return; }
+
   jQuery(document).off('ajaxSend', incrementAjaxPendingRequests);
   jQuery(document).off('ajaxComplete', decrementAjaxPendingRequests);
 }
 
 export function _setupAJAXHooks() {
   requests = [];
 
+  if (!jQuery) { return; }
+
   jQuery(document).on('ajaxSend', incrementAjaxPendingRequests);
   jQuery(document).on('ajaxComplete', decrementAjaxPendingRequests);
 }

tests/test-module-for-component-test.js

@@ -189,6 +189,13 @@ test("$", function(){
   equal($.trim(this.$().text()), 'Pretty Color: green');
 });
 
+test('it can access the element', function() {
+  this.subject({name: 'green'});
+  this.render();
+
+  equal(this._element.textContent, 'Pretty Color: green');
+});
+
 moduleForComponent('pretty-color', 'component:pretty-color -- this.render in setup', {
   unit: true,
   beforeSetup: function() {
@@ -347,6 +354,11 @@ test('it can render a template', function() {
   equal(this.$('span').text(), 'Hello');
 });
 
+test('it can access the element', function() {
+  this.render("<span>Hello</span>");
+  equal(this._element.textContent, 'Hello');
+});
+
 if (hasEmberVersion(1,11)) {
   test('it can render a link-to', function() {
     this.render("{{link-to 'Hi' 'index'}}");