discourse/test/javascripts/acceptance/plugin-outlet-single-template-test.js.es6

import { acceptance } from "helpers/qunit-helpers";
import { clearCache } from 'discourse/helpers/plugin-outlet';

const CONNECTOR = 'javascripts/single-test/connectors/user-profile-primary/hello';
acceptance("Plugin Outlet - Single Template", {
  setup() {
    Ember.TEMPLATES[CONNECTOR] = Ember.HTMLBars.compile(
      `
        <span class='hello-username'>{{model.username}}</span>
        <button class='hello-check-email' {{action "checkEmail" model}}></button>
        <span class='hello-email'>{{model.email}}</span>
      `
    );
  },

  teardown() {
    delete Ember.TEMPLATES[CONNECTOR];
    clearCache();
  }
});

test("Renders a template into the outlet", assert => {
  visit("/users/eviltrout");
  andThen(() => {
    assert.ok(find('.user-profile-primary-outlet.hello').length === 1, 'it has class names');
    assert.equal(find('.hello-username').text(), 'eviltrout', 'it renders into the outlet');
  });
  click('.hello-check-email');
  andThen(() => {
    assert.equal(find('.hello-email').text(), 'eviltrout@example.com', 'actions delegate properly');
  });
});