discourse-ember-source 3.5.1.1 → 3.5.1.2

data/dist/es/ember-glimmer/tests/integration/helpers/yield-test.js

@@ -1,275 +0,0 @@
-import { RenderingTest, moduleFor } from '../../utils/test-case';
-import { set } from 'ember-metal';
-import { Component } from '../../utils/helpers';
-
-moduleFor(
-  'Helpers test: {{yield}} helper',
-  class extends RenderingTest {
-    ['@test can yield to block']() {
-      this.registerComponent('yield-comp', {
-        template: '[In layout:] {{yield}}',
-      });
-
-      this.render('{{#yield-comp}}[In Block:] {{object.title}}{{/yield-comp}}', {
-        object: { title: 'Seattle' },
-      });
-      this.assertText('[In layout:] [In Block:] Seattle');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'object.title', 'Vancouver'));
-      this.assertText('[In layout:] [In Block:] Vancouver');
-
-      this.runTask(() => set(this.context, 'object', { title: 'Seattle' }));
-      this.assertText('[In layout:] [In Block:] Seattle');
-    }
-
-    ['@test templates should yield to block inside a nested component']() {
-      this.registerComponent('outer-comp', {
-        template: '<div>[In layout:] {{yield}}</div>',
-      });
-      this.registerComponent('inner-comp', {
-        template: '{{#outer-comp}}[In Block:] {{object.title}}{{/outer-comp}}',
-      });
-
-      this.render('{{inner-comp object=object}}', {
-        object: { title: 'Seattle' },
-      });
-      this.assertText('[In layout:] [In Block:] Seattle');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'object.title', 'Vancouver'));
-      this.assertText('[In layout:] [In Block:] Vancouver');
-
-      this.runTask(() => set(this.context, 'object', { title: 'Seattle' }));
-      this.assertText('[In layout:] [In Block:] Seattle');
-    }
-
-    ['@test templates should yield to block, when the yield is embedded in a each helper']() {
-      let list = [1, 2, 3];
-
-      this.registerComponent('outer-comp', {
-        template: '{{#each list as |item|}}{{yield}}{{/each}}',
-      });
-
-      this.render('{{#outer-comp list=list}}Hello{{/outer-comp}}', {
-        list: list,
-      });
-      this.assertText('HelloHelloHello');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'list', [4, 5]));
-      this.assertText('HelloHello');
-
-      this.runTask(() => set(this.context, 'list', list));
-      this.assertText('HelloHelloHello');
-    }
-
-    ['@test templates should yield to block, when the yield is embedded in a if helper']() {
-      this.registerComponent('outer-comp', {
-        template: '{{#if boolean}}{{yield}}{{/if}}',
-      });
-
-      this.render('{{#outer-comp boolean=boolean}}Hello{{/outer-comp}}', {
-        boolean: true,
-      });
-      this.assertText('Hello');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'boolean', false));
-      this.assertText('');
-
-      this.runTask(() => set(this.context, 'boolean', true));
-      this.assertText('Hello');
-    }
-
-    ['@test simple curlies inside of a yielded clock should work when the yield is nested inside of another view']() {
-      this.registerComponent('kiwi-comp', {
-        template: '{{#if falsy}}{{else}}{{yield}}{{/if}}',
-      });
-
-      this.render('{{#kiwi-comp}}{{text}}{{/kiwi-comp}}', { text: 'ohai' });
-      this.assertText('ohai');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'text', 'portland'));
-      this.assertText('portland');
-
-      this.runTask(() => set(this.context, 'text', 'ohai'));
-      this.assertText('ohai');
-    }
-
-    ['@test nested simple curlies inside of a yielded block should work when the yield is nested inside of another view']() {
-      this.registerComponent('parent-comp', {
-        template: '{{#if falsy}}{{else}}{{yield}}{{/if}}',
-      });
-      this.registerComponent('child-comp', {
-        template: '{{#if falsy}}{{else}}{{text}}{{/if}}',
-      });
-
-      this.render('{{#parent-comp}}{{child-comp text=text}}{{/parent-comp}}', {
-        text: 'ohai',
-      });
-      this.assertText('ohai');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'text', 'portland'));
-      this.assertText('portland');
-
-      this.runTask(() => set(this.context, 'text', 'ohai'));
-      this.assertText('ohai');
-    }
-
-    ['@test yielding to a non-existent block is not an error']() {
-      this.registerComponent('yielding-comp', { template: 'Hello:{{yield}}' });
-      this.registerComponent('outer-comp', {
-        template: '{{yielding-comp}} {{title}}',
-      });
-
-      this.render('{{outer-comp title=title}}', { title: 'Mr. Selden' });
-
-      this.assertText('Hello: Mr. Selden');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'title', 'Mr. Chag'));
-      this.assertText('Hello: Mr. Chag');
-
-      this.runTask(() => set(this.context, 'title', 'Mr. Selden'));
-      this.assertText('Hello: Mr. Selden');
-    }
-
-    ['@test yield uses the original context']() {
-      let KiwiCompComponent = Component.extend({ boundText: 'Inner' });
-
-      this.registerComponent('kiwi-comp', {
-        ComponentClass: KiwiCompComponent,
-        template: '<p>{{boundText}}</p><p>{{yield}}</p>',
-      });
-
-      this.render('{{#kiwi-comp}}{{boundText}}{{/kiwi-comp}}', {
-        boundText: 'Original',
-      });
-      this.assertText('InnerOriginal');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'boundText', 'Otherworld'));
-      this.assertText('InnerOtherworld');
-
-      this.runTask(() => set(this.context, 'boundText', 'Original'));
-      this.assertText('InnerOriginal');
-    }
-
-    ["@test outer block param doesn't mask inner component property"]() {
-      let KiwiCompComponent = Component.extend({ boundText: 'Inner' });
-
-      this.registerComponent('kiwi-comp', {
-        ComponentClass: KiwiCompComponent,
-        template: '<p>{{boundText}}</p><p>{{yield}}</p>',
-      });
-
-      this.render('{{#with boundText as |item|}}{{#kiwi-comp}}{{item}}{{/kiwi-comp}}{{/with}}', {
-        boundText: 'Outer',
-      });
-      this.assertText('InnerOuter');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'boundText', 'Otherworld'));
-      this.assertText('InnerOtherworld');
-
-      this.runTask(() => set(this.context, 'boundText', 'Outer'));
-      this.assertText('InnerOuter');
-    }
-
-    ["@test inner block param doesn't mask yield property"]() {
-      let KiwiCompComponent = Component.extend({ boundText: 'Inner' });
-
-      this.registerComponent('kiwi-comp', {
-        ComponentClass: KiwiCompComponent,
-        template: '{{#with boundText as |item|}}<p>{{item}}</p><p>{{yield}}</p>{{/with}}',
-      });
-
-      this.render('{{#kiwi-comp}}{{item}}{{/kiwi-comp}}', { item: 'Outer' });
-      this.assertText('InnerOuter');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'item', 'Otherworld'));
-      this.assertText('InnerOtherworld');
-
-      this.runTask(() => set(this.context, 'item', 'Outer'));
-      this.assertText('InnerOuter');
-    }
-
-    ['@test can bind a block param to a component and use it in yield']() {
-      this.registerComponent('kiwi-comp', {
-        template: '<p>{{content}}</p><p>{{yield}}</p>',
-      });
-
-      this.render(
-        '{{#with boundText as |item|}}{{#kiwi-comp content=item}}{{item}}{{/kiwi-comp}}{{/with}}',
-        { boundText: 'Outer' }
-      );
-      this.assertText('OuterOuter');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'boundText', 'Update'));
-      this.assertText('UpdateUpdate');
-
-      this.runTask(() => set(this.context, 'boundText', 'Outer'));
-      this.assertText('OuterOuter');
-    }
-
-    // INUR not need with no data update
-    ['@test yield should not introduce a view'](assert) {
-      let ParentCompComponent = Component.extend({ isParentComponent: true });
-
-      let ChildCompComponent = Component.extend({
-        didReceiveAttrs() {
-          this._super();
-          let parentView = this.get('parentView');
-
-          assert.ok(parentView.get('isParentComponent'));
-        },
-      });
-
-      this.registerComponent('parent-comp', {
-        ComponentClass: ParentCompComponent,
-        template: '{{yield}}',
-      });
-      this.registerComponent('child-comp', {
-        ComponentClass: ChildCompComponent,
-      });
-
-      this.render('{{#parent-comp}}{{child-comp}}{{/parent-comp}}');
-    }
-
-    ['@test yield with nested components (#3220)']() {
-      this.registerComponent('inner-component', { template: '{{yield}}' });
-      this.registerComponent('outer-component', {
-        template: '{{#inner-component}}<span>{{yield}}</span>{{/inner-component}}',
-      });
-
-      this.render('{{#outer-component}}Hello {{boundText}}{{/outer-component}}', {
-        boundText: 'world',
-      });
-      this.assertText('Hello world');
-
-      this.assertStableRerender();
-
-      this.runTask(() => set(this.context, 'boundText', 'update'));
-      this.assertText('Hello update');
-
-      this.runTask(() => set(this.context, 'boundText', 'world'));
-      this.assertText('Hello world');
-    }
-  }
-);

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

@@ -1,242 +0,0 @@
-import { RenderingTest, moduleFor } from '../utils/test-case';
-import { set } from 'ember-metal';
-
-moduleFor(
-  'Input element tests',
-  class extends RenderingTest {
-    runAttributeTest(attributeName, values) {
-      let template = `<input ${attributeName}={{value}}>`;
-      this.render(template, { value: values[0] });
-      this.assertAttributeHasValue(
-        attributeName,
-        values[0],
-        `${attributeName} is set on initial render`
-      );
-
-      this.runTask(() => this.rerender());
-      this.assertAttributeHasValue(
-        attributeName,
-        values[0],
-        `${attributeName} is set on noop rerender`
-      );
-
-      this.setComponentValue(values[1]);
-      this.assertAttributeHasValue(attributeName, values[1], `${attributeName} is set on rerender`);
-
-      this.setComponentValue(values[0]);
-      this.assertAttributeHasValue(
-        attributeName,
-        values[0],
-        `${attributeName} can be set back to the initial value`
-      );
-    }
-
-    runPropertyTest(propertyName, values) {
-      let attributeName = propertyName;
-      let template = `<input ${attributeName}={{value}}>`;
-      this.render(template, { value: values[0] });
-      this.assertPropertyHasValue(
-        propertyName,
-        values[0],
-        `${propertyName} is set on initial render`
-      );
-
-      this.runTask(() => this.rerender());
-      this.assertPropertyHasValue(
-        propertyName,
-        values[0],
-        `${propertyName} is set on noop rerender`
-      );
-
-      this.setComponentValue(values[1]);
-      this.assertPropertyHasValue(propertyName, values[1], `${propertyName} is set on rerender`);
-
-      this.setComponentValue(values[0]);
-      this.assertPropertyHasValue(
-        propertyName,
-        values[0],
-        `${propertyName} can be set back to the initial value`
-      );
-    }
-
-    runFalsyValueProperty(values) {
-      let value = 'value';
-      let template = `<input value={{value}}>`;
-      this.render(template, { value: values[0] });
-      this.assertPropertyHasValue(value, '', `${value} is set on initial render`);
-
-      this.runTask(() => this.rerender());
-      this.assertPropertyHasValue(value, '', `${value} is set on noop rerender`);
-      this.setComponentValue(values[1]);
-
-      this.assertPropertyHasValue(value, values[1], `${value} is set on rerender`);
-
-      this.setComponentValue(values[0]);
-      this.assertPropertyHasValue(value, '', `${value} can be set back to the initial value`);
-    }
-
-    ['@test input disabled attribute']() {
-      let model = { model: { value: false } };
-
-      this.render(`<input disabled={{model.value}}>`, model);
-
-      this.assert.equal(this.$inputElement().prop('disabled'), false);
-
-      this.runTask(() => this.rerender());
-
-      this.assert.equal(this.$inputElement().prop('disabled'), false);
-
-      this.runTask(() => this.context.set('model.value', true));
-
-      this.assert.equal(this.$inputElement().prop('disabled'), true);
-      this.assertHTML('<input disabled="">'); // Note the DOM output is <input disabled>
-
-      this.runTask(() => this.context.set('model.value', 'wat'));
-
-      this.assert.equal(this.$inputElement().prop('disabled'), true);
-      this.assertHTML('<input disabled="">'); // Note the DOM output is <input disabled>
-
-      this.runTask(() => this.context.set('model', { value: false }));
-
-      this.assert.equal(this.$inputElement().prop('disabled'), false);
-      this.assertHTML('<input>');
-    }
-
-    ['@test input value attribute']() {
-      this.runPropertyTest('value', ['foo', 'bar']);
-    }
-
-    ['@test input placeholder attribute']() {
-      this.runAttributeTest('placeholder', ['foo', 'bar']);
-    }
-
-    ['@test input name attribute']() {
-      this.runAttributeTest('name', ['nam', 'name']);
-    }
-
-    ['@test input maxlength attribute']() {
-      this.runAttributeTest('maxlength', [2, 3]);
-    }
-
-    ['@test input size attribute']() {
-      this.runAttributeTest('size', [2, 3]);
-    }
-
-    ['@test input tabindex attribute']() {
-      this.runAttributeTest('tabindex', [2, 3]);
-    }
-
-    ['@test null input value']() {
-      this.runFalsyValueProperty([null, 'hello']);
-    }
-
-    ['@test undefined input value']() {
-      this.runFalsyValueProperty([undefined, 'hello']);
-    }
-
-    ['@test undefined `toString` method as input value']() {
-      this.runFalsyValueProperty([Object.create(null), 'hello']);
-    }
-
-    ['@test cursor position is not lost when updating content']() {
-      let template = `<input value={{value}}>`;
-      this.render(template, { value: 'hola' });
-
-      this.setDOMValue('hello');
-      this.setSelectionRange(1, 3);
-
-      this.setComponentValue('hello');
-
-      this.assertSelectionRange(1, 3);
-
-      // Note: We should eventually get around to testing reseting, however
-      // browsers handle `selectionStart` and `selectionEnd` differently
-      // when are synthetically testing movement of the cursor.
-    }
-
-    ['@test input can be updated multiple times']() {
-      let template = `<input value={{value}}>`;
-      this.render(template, { value: 'hola' });
-
-      this.assertValue('hola', 'Value is initialised');
-
-      this.setComponentValue('');
-      this.assertValue('', 'Value is set in the DOM');
-
-      this.setDOMValue('hola');
-      this.setComponentValue('hola');
-      this.assertValue('hola', 'Value is updated the first time');
-
-      this.setComponentValue('');
-      this.assertValue('', 'Value is updated the second time');
-    }
-
-    ['@test DOM is SSOT if value is set']() {
-      let template = `<input value={{value}}>`;
-      this.render(template, { value: 'hola' });
-
-      this.assertValue('hola', 'Value is initialised');
-
-      this.setComponentValue('hello');
-
-      this.assertValue('hello', 'Value is initialised');
-
-      this.setDOMValue('hola');
-
-      this.assertValue('hola', 'DOM is used');
-
-      this.setComponentValue('bye');
-
-      this.assertValue('bye', 'Value is used');
-
-      // Simulates setting the input to the same value as it already is which won't cause a rerender
-
-      this.setDOMValue('hola');
-
-      this.assertValue('hola', 'DOM is used');
-
-      this.setComponentValue('hola');
-
-      this.assertValue('hola', 'Value is used');
-    }
-
-    // private helpers and assertions
-    setDOMValue(value) {
-      this.inputElement().value = value;
-    }
-
-    setComponentValue(value) {
-      this.runTask(() => set(this.context, 'value', value));
-    }
-
-    setSelectionRange(start, end) {
-      this.inputElement().selectionStart = start;
-      this.inputElement().selectionEnd = end;
-    }
-
-    inputElement() {
-      return this.$inputElement()[0];
-    }
-
-    $inputElement() {
-      return this.$('input');
-    }
-
-    assertValue(value, message) {
-      this.assertPropertyHasValue('value', value, message);
-    }
-
-    assertAttributeHasValue(attribute, value, message) {
-      this.assert.equal(this.$inputElement().attr(attribute), value, `${attribute} ${message}`);
-    }
-
-    assertPropertyHasValue(property, value, message) {
-      this.assert.equal(this.$inputElement().prop(property), value, `${property} ${message}`);
-    }
-
-    assertSelectionRange(start, end) {
-      this.assert.equal(this.inputElement().selectionStart, start);
-      this.assert.equal(this.inputElement().selectionEnd, end);
-    }
-  }
-);