fix: embroider-safe and embroider-optimized builds (#88)

config/ember-try.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const getChannelURL = require('ember-source-channel-url');
-//const { embroiderSafe, embroiderOptimized } = require('@embroider/test-setup');
+const { embroiderSafe, embroiderOptimized } = require('@embroider/test-setup');
 
 module.exports = async function () {
   return {
@@ -75,8 +75,8 @@ module.exports = async function () {
           },
         },
       },
-      // embroiderSafe(),
-      // embroiderOptimized(),
+      embroiderSafe(),
+      embroiderOptimized(),
     ],
   };
 };

ember-cli-build.js

@@ -15,5 +15,7 @@ module.exports = function (defaults) {
   */
 
   const { maybeEmbroider } = require('@embroider/test-setup');
-  return maybeEmbroider(app);
+  return maybeEmbroider(app, {
+    skipBabel: [{ package: 'qunit' }, { package: 'gridstack' }],
+  });
 };

tests/dummy/app/components/event-listener.js

@@ -0,0 +1,8 @@
+import Component from '@glimmer/component';
+
+export default class EventListener extends Component {
+  constructor() {
+    super(...arguments);
+    this.args.init();
+  }
+}

tests/integration/components/grid-stack-item-test.js

@@ -1,5 +1,3 @@
-/* eslint-disable ember/require-tagless-components */
-/* eslint-disable ember/no-classic-components */
 import { module, test } from 'qunit';
 import { setupRenderingTest } from 'ember-qunit';
 import { render } from '@ember/test-helpers';

tests/integration/components/grid-stack-test.js

@@ -1,6 +1,3 @@
-/* eslint-disable ember/no-component-lifecycle-hooks */
-/* eslint-disable ember/no-classic-components */
-import Component from '@ember/component';
 import { action } from '@ember/object';
 import { run, next } from '@ember/runloop';
 import { A, isArray } from '@ember/array';
@@ -117,24 +114,21 @@ module('Integration | Component | grid stack', function (hooks) {
   });
 
   test('grid stack item events', async function (assert) {
+    const done = assert.async();
     assert.expect(1);
 
     // Create fake component for listening to events
-    let eventListener = class extends Component {
-      didInsertElement() {
-        super.didInsertElement(...arguments);
-        this.containerComponent.element.addEventListener('resizestop', () => {
-          assert.ok(true, 'resize action is called when item is resized');
-        });
-      }
+    this.init = (containerComponent) => {
+      containerComponent.element.addEventListener('resizestop', () => {
+        assert.ok(true, 'resize action is called when item is resized');
+        done();
+      });
     };
 
-    this.owner.register('component:event-listener', eventListener);
-
     await render(hbs`
       <GridStack>
         <GridStackItem as |item|>
-          <EventListener @containerComponent={{item}}/>
+          <EventListener @init={{fn this.init item}}/>
         </GridStackItem>
         <div class="a-different-item" />
       </GridStack>