transitionTo doesn't work in user creation

Hi everyone.

I’m having a little issue when I create a user, in “then” callback doesn’t change to index route until I refresh the page, can you help me please? I think I’m doing as the torii-emberfire-firebase documentation.

that.get('firebaseService')
          .auth()
          .createUserWithEmailAndPassword(
            ctrl.email,
            ctrl.password
          )
          .then(function(){
            that.transitionTo('/');
          })
          .catch(function(error){
            Ember.set(that.currentModel, 'flag', true);
            Ember.set(that.currentModel, 'error', error.message);
          })

Thank you for your help.

[dirkdirk]

I just solved this issue myself similarly to @tonycoco suggestion:

  createEmailUser() {
    console.log('--> createEmailUser() firing');
    let store = this.get('store');
    let userEmail = this.get('loginEmail');  // from login form
    let userPw = this.get('loginPw');          // from login form
    let timeStamp = Date.now();
    return this.get('firebaseApp').auth()
      .createUserWithEmailAndPassword(userEmail, userPw)
      .then((user) => {
        let userId  = user.uid;
        let newUser = store.createRecord('user', {
                            id: userId,
                            accountCreated: timeStamp,
                            lastLogin: timeStamp,
                            email: userEmail
                      });
        newUser.save()
                .then(() => {
                  console.log('    auth user');
                  this.get('session').open('firebase', { provider: 'password',
                                                         email: userEmail,
                                                         password: userPw })
                      .then(() => {
                        console.log('    transitionToRoute user');
                        this.transitionToRoute('user');
                      });
                 })
                .catch(error => {
                  console.log(' -- createEmailUser save error:');
                  console.log(error.message);
                });
      })
      .catch((error) => {
        console.log(' -- signIn error.message:');
        console.log(error.message);
      });
  },```

[tonycoco]

You’ll probably want something like:

createUser(email, password) {
  const route = this;
  const auth = route.get('firebaseApp').auth();

  auth.createUserWithEmailAndPassword(email, password).then((userResponse) => {
    route.get('session').open('firebase', {
      provider: 'password',
      email: email,
      password: password,
    }).then(() => {
      route.transitionTo('something-new-here'); // FIXME
    });
  }, (errorResponse) => {
    alert(errorResponse.message);
  });
}