Skip to content

Commit

Permalink
repro of bug related to property derived from args
Browse files Browse the repository at this point in the history
Example of this code working correctly in the glimmer playground: http://bit.ly/2syFV7c
  • Loading branch information
bantic committed Jul 7, 2017
1 parent 8697b7b commit f296b4f
Show file tree
Hide file tree
Showing 5 changed files with 37 additions and 2 deletions.
10 changes: 9 additions & 1 deletion src/ui/components/bodega-glimmer-test/component.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,13 @@
import Component from '@glimmer/component';
import Component, { tracked } from '@glimmer/component';

export default class BodegaGlimmerTest extends Component {
@tracked myNumber = 1;

make2() {
this.myNumber = 2;
}

make3() {
this.myNumber = 3;
}
}
7 changes: 6 additions & 1 deletion src/ui/components/bodega-glimmer-test/template.hbs
Original file line number Diff line number Diff line change
@@ -1 +1,6 @@
<div><h1>Welcome to Glimmer!</h1></div>
<div>
<button onclick={{action make2}}>number: 2</button>
<button onclick={{action make3}}>number: 3</button>

<my-second-component @number={{myNumber}}></my-second-component>
</div>
13 changes: 13 additions & 0 deletions src/ui/components/my-second-component/component-test.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import { setupRenderingTest } from '@glimmer/test-helpers';
import hbs from '@glimmer/inline-precompile';

const { module, test } = QUnit;

module('Component: my-second-component', function(hooks) {
setupRenderingTest(hooks);

test('it renders', async function(assert) {
await this.render(hbs`<my-second-component />`);
assert.ok(this.containerElement.querySelector('div'));
});
});
8 changes: 8 additions & 0 deletions src/ui/components/my-second-component/component.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
import Component, { tracked } from '@glimmer/component';

export default class MySecondComponent extends Component {
@tracked('args')
get multiplied() {
return this.args.number * 2;
}
};
1 change: 1 addition & 0 deletions src/ui/components/my-second-component/template.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<div>HELLO: multiply: {{multiplied}} (@number: {{@number}})</div>

0 comments on commit f296b4f

Please sign in to comment.