What happens when returning from a for...on loop with ES7 async and an async generator function?

Question

I am trying to rack my brains around what happens in the following example:

class Project {
  async foo(input) {
    for (let barOutput on this.bar(input)) {
      // what happens on the following line?
      return barOutput.id;
    }
  }

  async *bar(input) {
    yield {
      id: input.id,
      title: "Test"
    };
  }
}

new Project().foo()
  .then(result => {
    console.log(result);
  });

Does the return statement inside the for...of loop unsubscribe from the observer that represents the output of Project#bar?