DefinitelyTyped/types/ember/ember-tests.ts

import Ember from 'ember';

let App: any;

App = Ember.Application.create<Ember.Application>();

App.president = Ember.Object.create({
    name: 'Barack Obama',
});
App.country = Ember.Object.create({
    presidentNameBinding: 'MyApp.president.name',
});
App.country.get('presidentName');
App.president = Ember.Object.create({
    firstName: 'Barack',
    lastName: 'Obama',
    fullName: Ember.computed(function() {
        return `${this.get('firstName')} ${this.get('lastName')}`;
    }),
});
App.president.get('fullName');

declare class MyPerson extends Ember.Object {
    static createMan(): MyPerson;
}

const Person1 = Ember.Object.extend<typeof MyPerson>({
    say: (thing: string) => {
        alert(thing);
    },
});

declare class MyPerson2 extends Ember.Object {
    helloWorld(): void;
}
const tom = Person1.create<MyPerson2>({
    name: 'Tom Dale',
    helloWorld() {
        this.say('Hi my name is ' + this.get('name'));
    },
});
tom.helloWorld();

Person1.reopen({ isPerson: true });
Person1.create<Ember.Object>().get('isPerson');

Person1.reopenClass({
    createMan: () => {
        return Person1.create({ isMan: true });
    },
});
// ReSharper disable once DuplicatingLocalDeclaration
Person1.createMan().get('isMan');

const person = Person1.create<Ember.Object>({
    firstName: 'Yehuda',
    lastName: 'Katz',
});
person.addObserver('fullName', null, () => {});
person.set('firstName', 'Brohuda');

App.todosController = Ember.Object.create({
    todos: [Ember.Object.create({ isDone: false })],
    remaining: Ember.computed('todos.@each.isDone', function() {
        const todos = this.get('todos');
        return todos.filterProperty('isDone', false).get('length');
    }),
});

const todos = App.todosController.get('todos');
let todo = todos.objectAt(0);
todo.set('isDone', true);
App.todosController.get('remaining');
todo = Ember.Object.create({ isDone: false });
todos.pushObject(todo);
App.todosController.get('remaining');

App.wife = Ember.Object.create({
    householdIncome: 80000,
});
App.husband = Ember.Object.create({
    householdIncomeBinding: 'App.wife.householdIncome',
});
App.husband.get('householdIncome');
App.husband.set('householdIncome', 90000);
App.wife.get('householdIncome');

App.user = Ember.Object.create({
    fullName: 'Kara Gates',
});
App.user.set('fullName', 'Krang Gates');
App.userView.set('userName', 'Truckasaurus Gates');
App.user.get('fullName');

App = Ember.Application.create({
    rootElement: '#sidebar',
});

App.userController = Ember.Object.create({
    content: Ember.Object.create({
        firstName: 'Albert',
        lastName: 'Hofmann',
        posts: 25,
        hobbies: 'Riding bicycles',
    }),
});

Ember.Helper.helper(params => {
    const cents = params[0];
    return `${cents * 0.01}`;
});

Ember.Helper.helper((params, hash) => {
    const cents = params[0];
    const currency = hash.currency;
    return `${currency}${cents * 0.01}`;
});

Handlebars.registerHelper(
    'highlight',
    (property: string, options: any) =>
        new Handlebars.SafeString('<span class="highlight">' + 'some value' + '</span>')
);

const coolView = App.CoolView.create();

const Person2 = Ember.Object.extend<typeof Ember.Object>({
    sayHello() {
        console.log('Hello from ' + this.get('name'));
    },
});
const people = Ember.A([
    Person2.create({ name: 'Juan' }),
    Person2.create({ name: 'Charles' }),
    Person2.create({ name: 'Majd' }),
]);
people.invoke('sayHello');

const arr = Ember.A([Ember.Object.create(), Ember.Object.create()]);
arr.setEach('name', 'unknown');
arr.getEach('name');

const Person3 = Ember.Object.extend<typeof Ember.Object>({
    name: null,
    isHappy: false,
});
const people2 = Ember.A([
    Person3.create({ name: 'Yehuda', isHappy: true }),
    Person3.create({ name: 'Majd', isHappy: false }),
]);
const isHappy = (person: Ember.Object): Boolean => {
    return !!person.get('isHappy');
};
people2.every(isHappy);
people2.any(isHappy);
people2.everyProperty('isHappy', true);
people2.someProperty('isHappy', true);

// Examples taken from http://emberjs.com/api/classes/Em.RSVP.Promise.html
const promise = new Ember.RSVP.Promise<string, string>((resolve: Function, reject: Function) => {
    // on success
    resolve('ok!');

    // on failure
    reject('no-k!');
});

promise.then(
    (value: any) => {
        // on fulfillment
    },
    (reason: any) => {
        // on rejection
    }
);

const mix1 = Ember.Mixin.create({
    foo: 1,
});

const mix2 = Ember.Mixin.create({
    bar: 2,
});

const mix3 = Ember.Mixin.create({
    foo: 3,
});

const mix4 = Ember.Mixin.create({
    bar: 4,
});

const mix5 = Ember.Mixin.create({
    foo: 5,
});

const mix6 = Ember.Mixin.create({
    bar: 6,
});

const mix7 = Ember.Mixin.create({
    foo: 7,
});

const component1 = Ember.Component.extend(mix1, mix2, mix3, mix4, mix5, mix6, mix7, {
    lyft: Ember.inject.service(),
    cars: Ember.computed.readOnly('lyft.cars'),
});