discourse-ember-source 3.5.1.1 → 3.5.1.2

data/dist/es/ember-glimmer/tests/integration/components/template-only-components-test.js

@@ -1,225 +0,0 @@
-import { moduleFor, RenderingTest } from '../../utils/test-case';
-import { classes } from '../../utils/test-helpers';
-import { ENV } from 'ember-environment';
-
-class TemplateOnlyComponentsTest extends RenderingTest {
-  registerComponent(name, template) {
-    super.registerComponent(name, { template, ComponentClass: null });
-  }
-}
-
-moduleFor(
-  'Components test: template-only components (glimmer components)',
-  class extends TemplateOnlyComponentsTest {
-    constructor() {
-      super(...arguments);
-      this._TEMPLATE_ONLY_GLIMMER_COMPONENTS = ENV._TEMPLATE_ONLY_GLIMMER_COMPONENTS;
-      ENV._TEMPLATE_ONLY_GLIMMER_COMPONENTS = true;
-    }
-
-    teardown() {
-      super.teardown();
-      ENV._TEMPLATE_ONLY_GLIMMER_COMPONENTS = this._TEMPLATE_ONLY_GLIMMER_COMPONENTS;
-    }
-
-    ['@test it can render a template-only component']() {
-      this.registerComponent('foo-bar', 'hello');
-
-      this.render('{{foo-bar}}');
-
-      this.assertInnerHTML('hello');
-
-      this.assertStableRerender();
-    }
-
-    ['@feature(ember-glimmer-named-arguments) it can render named arguments']() {
-      this.registerComponent('foo-bar', '|{{@foo}}|{{@bar}}|');
-
-      this.render('{{foo-bar foo=foo bar=bar}}', {
-        foo: 'foo',
-        bar: 'bar',
-      });
-
-      this.assertInnerHTML('|foo|bar|');
-
-      this.assertStableRerender();
-
-      this.runTask(() => this.context.set('foo', 'FOO'));
-
-      this.assertInnerHTML('|FOO|bar|');
-
-      this.runTask(() => this.context.set('bar', 'BAR'));
-
-      this.assertInnerHTML('|FOO|BAR|');
-
-      this.runTask(() => this.context.setProperties({ foo: 'foo', bar: 'bar' }));
-
-      this.assertInnerHTML('|foo|bar|');
-    }
-
-    ['@test it does not reflected arguments as properties']() {
-      this.registerComponent('foo-bar', '|{{foo}}|{{this.bar}}|');
-
-      this.render('{{foo-bar foo=foo bar=bar}}', {
-        foo: 'foo',
-        bar: 'bar',
-      });
-
-      this.assertInnerHTML('|||');
-
-      this.assertStableRerender();
-
-      this.runTask(() => this.context.set('foo', 'FOO'));
-
-      this.assertInnerHTML('|||');
-
-      this.runTask(() => this.context.set('bar', null));
-
-      this.assertInnerHTML('|||');
-
-      this.runTask(() => this.context.setProperties({ foo: 'foo', bar: 'bar' }));
-
-      this.assertInnerHTML('|||');
-    }
-
-    ['@test it does not have curly component features']() {
-      this.registerComponent('foo-bar', 'hello');
-
-      this.render('{{foo-bar tagName="p" class=class}}', {
-        class: 'foo bar',
-      });
-
-      this.assertInnerHTML('hello');
-
-      this.assertStableRerender();
-
-      this.runTask(() => this.context.set('class', 'foo'));
-
-      this.assertInnerHTML('hello');
-
-      this.runTask(() => this.context.set('class', null));
-
-      this.assertInnerHTML('hello');
-
-      this.runTask(() => this.context.set('class', 'foo bar'));
-
-      this.assertInnerHTML('hello');
-    }
-  }
-);
-
-moduleFor(
-  'Components test: template-only components (curly components)',
-  class extends TemplateOnlyComponentsTest {
-    constructor() {
-      super(...arguments);
-      this._TEMPLATE_ONLY_GLIMMER_COMPONENTS = ENV._TEMPLATE_ONLY_GLIMMER_COMPONENTS;
-      ENV._TEMPLATE_ONLY_GLIMMER_COMPONENTS = false;
-    }
-
-    teardown() {
-      super.teardown();
-      ENV._TEMPLATE_ONLY_GLIMMER_COMPONENTS = this._TEMPLATE_ONLY_GLIMMER_COMPONENTS;
-    }
-
-    ['@test it can render a template-only component']() {
-      this.registerComponent('foo-bar', 'hello');
-
-      this.render('{{foo-bar}}');
-
-      this.assertComponentElement(this.firstChild, { content: 'hello' });
-
-      this.assertStableRerender();
-    }
-
-    ['@feature(ember-glimmer-named-arguments) it can render named arguments']() {
-      this.registerComponent('foo-bar', '|{{@foo}}|{{@bar}}|');
-
-      this.render('{{foo-bar foo=foo bar=bar}}', {
-        foo: 'foo',
-        bar: 'bar',
-      });
-
-      this.assertComponentElement(this.firstChild, { content: '|foo|bar|' });
-
-      this.assertStableRerender();
-
-      this.runTask(() => this.context.set('foo', 'FOO'));
-
-      this.assertComponentElement(this.firstChild, { content: '|FOO|bar|' });
-
-      this.runTask(() => this.context.set('bar', 'BAR'));
-
-      this.assertComponentElement(this.firstChild, { content: '|FOO|BAR|' });
-
-      this.runTask(() => this.context.setProperties({ foo: 'foo', bar: 'bar' }));
-
-      this.assertComponentElement(this.firstChild, { content: '|foo|bar|' });
-    }
-
-    ['@test it renders named arguments as reflected properties']() {
-      this.registerComponent('foo-bar', '|{{foo}}|{{this.bar}}|');
-
-      this.render('{{foo-bar foo=foo bar=bar}}', {
-        foo: 'foo',
-        bar: 'bar',
-      });
-
-      this.assertComponentElement(this.firstChild, { content: '|foo|bar|' });
-
-      this.assertStableRerender();
-
-      this.runTask(() => this.context.set('foo', 'FOO'));
-
-      this.assertComponentElement(this.firstChild, { content: '|FOO|bar|' });
-
-      this.runTask(() => this.context.set('bar', null));
-
-      this.assertComponentElement(this.firstChild, { content: '|FOO||' });
-
-      this.runTask(() => this.context.setProperties({ foo: 'foo', bar: 'bar' }));
-
-      this.assertComponentElement(this.firstChild, { content: '|foo|bar|' });
-    }
-
-    ['@test it has curly component features']() {
-      this.registerComponent('foo-bar', 'hello');
-
-      this.render('{{foo-bar tagName="p" class=class}}', {
-        class: 'foo bar',
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'p',
-        attrs: { class: classes('foo bar ember-view') },
-        content: 'hello',
-      });
-
-      this.assertStableRerender();
-
-      this.runTask(() => this.context.set('class', 'foo'));
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'p',
-        attrs: { class: classes('foo ember-view') },
-        content: 'hello',
-      });
-
-      this.runTask(() => this.context.set('class', null));
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'p',
-        attrs: { class: classes('ember-view') },
-        content: 'hello',
-      });
-
-      this.runTask(() => this.context.set('class', 'foo bar'));
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'p',
-        attrs: { class: classes('foo bar ember-view') },
-        content: 'hello',
-      });
-    }
-  }
-);

data/dist/es/ember-glimmer/tests/integration/components/to-string-test.js

@@ -1,27 +0,0 @@
-import { moduleFor, RenderingTest } from '../../utils/test-case';
-import { Checkbox, Component, LinkComponent, TextArea, TextField } from 'ember-glimmer';
-
-moduleFor(
-  'built-in component toString',
-  class AbstractAppendTest extends RenderingTest {
-    '@test text-field has the correct toString value'(assert) {
-      assert.strictEqual(TextField.toString(), '@ember/component/text-field');
-    }
-
-    '@test checkbox has the correct toString value'(assert) {
-      assert.strictEqual(Checkbox.toString(), '@ember/component/checkbox');
-    }
-
-    '@test text-area has the correct toString value'(assert) {
-      assert.strictEqual(TextArea.toString(), '@ember/component/text-area');
-    }
-
-    '@test component has the correct toString value'(assert) {
-      assert.strictEqual(Component.toString(), '@ember/component');
-    }
-
-    '@test LinkTo has the correct toString value'(assert) {
-      assert.strictEqual(LinkComponent.toString(), '@ember/routing/link-component');
-    }
-  }
-);

data/dist/es/ember-glimmer/tests/integration/components/utils-test.js

@@ -1,401 +0,0 @@
-import Controller from '@ember/controller';
-import {
-  getRootViews,
-  getChildViews,
-  getViewBounds,
-  getViewClientRects,
-  getViewBoundingClientRect,
-} from 'ember-views';
-import { moduleFor, ApplicationTest, RenderingTest } from '../../utils/test-case';
-import { Component } from '../../utils/helpers';
-
-moduleFor(
-  'View tree tests',
-  class extends ApplicationTest {
-    constructor() {
-      super(...arguments);
-
-      this.addComponent('x-tagless', {
-        ComponentClass: Component.extend({
-          tagName: '',
-        }),
-
-        template: '<div id="{{id}}">[{{id}}] {{#if isShowing}}{{yield}}{{/if}}</div>',
-      });
-
-      this.addComponent('x-toggle', {
-        ComponentClass: Component.extend({
-          isExpanded: true,
-
-          click() {
-            this.toggleProperty('isExpanded');
-            return false;
-          },
-        }),
-
-        template: '[{{id}}] {{#if isExpanded}}{{yield}}{{/if}}',
-      });
-
-      let ToggleController = Controller.extend({
-        isExpanded: true,
-
-        actions: {
-          toggle: function() {
-            this.toggleProperty('isExpanded');
-          },
-        },
-      });
-
-      this.add('controller:application', ToggleController);
-
-      this.addTemplate(
-        'application',
-        `
-      {{x-tagless id="root-1"}}
-
-      {{#x-toggle id="root-2"}}
-        {{x-toggle id="inner-1"}}
-
-        {{#x-toggle id="inner-2"}}
-          {{x-toggle id="inner-3"}}
-        {{/x-toggle}}
-      {{/x-toggle}}
-
-      <button id="toggle-application" {{action "toggle"}}>Toggle</button>
-
-      {{#if isExpanded}}
-        {{x-toggle id="root-3"}}
-      {{/if}}
-
-      {{outlet}}
-    `
-      );
-
-      this.add(
-        'controller:index',
-        ToggleController.extend({
-          isExpanded: false,
-        })
-      );
-
-      this.addTemplate(
-        'index',
-        `
-      {{x-tagless id="root-4"}}
-
-      {{#x-toggle id="root-5" isExpanded=false}}
-        {{x-toggle id="inner-4"}}
-
-        {{#x-toggle id="inner-5"}}
-          {{x-toggle id="inner-6"}}
-        {{/x-toggle}}
-      {{/x-toggle}}
-
-      <button id="toggle-index" {{action "toggle"}}>Toggle</button>
-
-      {{#if isExpanded}}
-        {{x-toggle id="root-6"}}
-      {{/if}}
-    `
-      );
-
-      this.addTemplate(
-        'zomg',
-        `
-      {{x-tagless id="root-7"}}
-
-      {{#x-toggle id="root-8"}}
-        {{x-toggle id="inner-7"}}
-
-        {{#x-toggle id="inner-8"}}
-          {{x-toggle id="inner-9"}}
-        {{/x-toggle}}
-      {{/x-toggle}}
-
-      {{#x-toggle id="root-9"}}
-        {{outlet}}
-      {{/x-toggle}}
-    `
-      );
-
-      this.addTemplate(
-        'zomg.lol',
-        `
-      {{x-toggle id="inner-10"}}
-    `
-      );
-
-      this.router.map(function() {
-        this.route('zomg', function() {
-          this.route('lol');
-        });
-      });
-    }
-
-    ['@test getRootViews']() {
-      return this.visit('/')
-        .then(() => {
-          this.assertRootViews(['root-1', 'root-2', 'root-3', 'root-4', 'root-5']);
-
-          this.runTask(() => this.$('#toggle-application').click());
-
-          this.assertRootViews(['root-1', 'root-2', 'root-4', 'root-5']);
-
-          this.runTask(() => {
-            this.$('#toggle-application').click();
-            this.$('#toggle-index').click();
-          });
-
-          this.assertRootViews(['root-1', 'root-2', 'root-3', 'root-4', 'root-5', 'root-6']);
-
-          return this.visit('/zomg/lol');
-        })
-        .then(() => {
-          this.assertRootViews(['root-1', 'root-2', 'root-3', 'root-7', 'root-8', 'root-9']);
-
-          return this.visit('/');
-        })
-        .then(() => {
-          this.assertRootViews(['root-1', 'root-2', 'root-3', 'root-4', 'root-5', 'root-6']);
-        });
-    }
-
-    assertRootViews(ids) {
-      let owner = this.applicationInstance;
-
-      let actual = getRootViews(owner)
-        .map(view => view.id)
-        .sort();
-      let expected = ids.sort();
-
-      this.assert.deepEqual(actual, expected, 'root views');
-    }
-
-    ['@test getChildViews']() {
-      return this.visit('/')
-        .then(() => {
-          this.assertChildViews('root-2', ['inner-1', 'inner-2']);
-          this.assertChildViews('root-5', []);
-          this.assertChildViews('inner-2', ['inner-3']);
-
-          this.runTask(() => this.$('#root-2').click());
-
-          this.assertChildViews('root-2', []);
-
-          this.runTask(() => this.$('#root-5').click());
-
-          this.assertChildViews('root-5', ['inner-4', 'inner-5']);
-          this.assertChildViews('inner-5', ['inner-6']);
-
-          return this.visit('/zomg');
-        })
-        .then(() => {
-          this.assertChildViews('root-2', []);
-          this.assertChildViews('root-8', ['inner-7', 'inner-8']);
-          this.assertChildViews('inner-8', ['inner-9']);
-          this.assertChildViews('root-9', []);
-
-          this.runTask(() => this.$('#root-8').click());
-
-          this.assertChildViews('root-8', []);
-
-          return this.visit('/zomg/lol');
-        })
-        .then(() => {
-          this.assertChildViews('root-2', []);
-          this.assertChildViews('root-8', []);
-          this.assertChildViews('root-9', ['inner-10']);
-
-          return this.visit('/');
-        })
-        .then(() => {
-          this.assertChildViews('root-2', []);
-          this.assertChildViews('root-5', []);
-
-          this.runTask(() => this.$('#root-2').click());
-          this.runTask(() => this.$('#inner-2').click());
-
-          this.assertChildViews('root-2', ['inner-1', 'inner-2']);
-          this.assertChildViews('inner-2', []);
-        });
-    }
-
-    ['@test getChildViews does not return duplicates']() {
-      return this.visit('/').then(() => {
-        this.assertChildViews('root-2', ['inner-1', 'inner-2']);
-
-        this.runTask(() => this.$('#root-2').click());
-        this.runTask(() => this.$('#root-2').click());
-        this.runTask(() => this.$('#root-2').click());
-        this.runTask(() => this.$('#root-2').click());
-        this.runTask(() => this.$('#root-2').click());
-        this.runTask(() => this.$('#root-2').click());
-        this.runTask(() => this.$('#root-2').click());
-        this.runTask(() => this.$('#root-2').click());
-        this.runTask(() => this.$('#root-2').click());
-        this.runTask(() => this.$('#root-2').click());
-
-        this.assertChildViews('root-2', ['inner-1', 'inner-2']);
-      });
-    }
-
-    assertChildViews(parentId, childIds) {
-      let parentView = this.viewFor(parentId);
-      let childViews = getChildViews(parentView);
-
-      let actual = childViews.map(view => view.id).sort();
-      let expected = childIds.sort();
-
-      this.assert.deepEqual(actual, expected, `child views for #${parentId}`);
-    }
-
-    viewFor(id) {
-      let owner = this.applicationInstance;
-      let registry = owner.lookup('-view-registry:main');
-      return registry[id];
-    }
-  }
-);
-
-let hasGetClientRects, hasGetBoundingClientRect;
-let ClientRectListCtor, ClientRectCtor;
-
-(function() {
-  if (document.createRange) {
-    let range = document.createRange();
-
-    if (range.getClientRects) {
-      let clientRectsList = range.getClientRects();
-      hasGetClientRects = true;
-      ClientRectListCtor = clientRectsList && clientRectsList.constructor;
-    }
-
-    if (range.getBoundingClientRect) {
-      let clientRect = range.getBoundingClientRect();
-      hasGetBoundingClientRect = true;
-      ClientRectCtor = clientRect && clientRect.constructor;
-    }
-  }
-})();
-
-moduleFor(
-  'Bounds tests',
-  class extends RenderingTest {
-    ['@test getViewBounds on a regular component'](assert) {
-      let component;
-      this.registerComponent('hi-mom', {
-        ComponentClass: Component.extend({
-          init() {
-            this._super(...arguments);
-            component = this;
-          },
-        }),
-        template: `<p>Hi, mom!</p>`,
-      });
-
-      this.render(`{{hi-mom}}`);
-
-      let { parentElement, firstNode, lastNode } = getViewBounds(component);
-
-      assert.equal(
-        parentElement,
-        this.element,
-        'a regular component should have the right parentElement'
-      );
-      assert.equal(
-        firstNode,
-        component.element,
-        'a regular component should have a single node that is its element'
-      );
-      assert.equal(
-        lastNode,
-        component.element,
-        'a regular component should have a single node that is its element'
-      );
-    }
-
-    ['@test getViewBounds on a tagless component'](assert) {
-      let component;
-      this.registerComponent('hi-mom', {
-        ComponentClass: Component.extend({
-          tagName: '',
-          init() {
-            this._super(...arguments);
-            component = this;
-          },
-        }),
-        template: `<span id="start-node">Hi,</span> <em id="before-end-node">mom</em>!`,
-      });
-
-      this.render(`{{hi-mom}}`);
-
-      let { parentElement, firstNode, lastNode } = getViewBounds(component);
-
-      assert.equal(
-        parentElement,
-        this.element,
-        'a tagless component should have the right parentElement'
-      );
-      assert.equal(
-        firstNode,
-        this.$('#start-node')[0],
-        'a tagless component should have a range enclosing all of its nodes'
-      );
-      assert.equal(
-        lastNode,
-        this.$('#before-end-node')[0].nextSibling,
-        'a tagless component should have a range enclosing all of its nodes'
-      );
-    }
-
-    ['@test getViewClientRects'](assert) {
-      if (!hasGetClientRects || !ClientRectListCtor) {
-        assert.ok(
-          true,
-          'The test environment does not support the DOM API required to run this test.'
-        );
-        return;
-      }
-
-      let component;
-      this.registerComponent('hi-mom', {
-        ComponentClass: Component.extend({
-          init() {
-            this._super(...arguments);
-            component = this;
-          },
-        }),
-        template: `<p>Hi, mom!</p>`,
-      });
-
-      this.render(`{{hi-mom}}`);
-
-      assert.ok(getViewClientRects(component) instanceof ClientRectListCtor);
-    }
-
-    ['@test getViewBoundingClientRect'](assert) {
-      if (!hasGetBoundingClientRect || !ClientRectCtor) {
-        assert.ok(
-          true,
-          'The test environment does not support the DOM API required to run this test.'
-        );
-        return;
-      }
-
-      let component;
-      this.registerComponent('hi-mom', {
-        ComponentClass: Component.extend({
-          init() {
-            this._super(...arguments);
-            component = this;
-          },
-        }),
-        template: `<p>Hi, mom!</p>`,
-      });
-
-      this.render(`{{hi-mom}}`);
-
-      assert.ok(getViewBoundingClientRect(component) instanceof ClientRectCtor);
-    }
-  }
-);