Function call in chained calls results in unexpected indentation

[chrisvoll]

Prettier 1.7.0
Playground link

I encountered a minor formatting issue with some enzyme code in our test files. Admittedly it's a bit edge-casey, but the combination of chained calls, the prop('x')() function call, and the callback break the indentation.

This issue is new as of upgrading from Prettier 1.5.0 to 1.7.0. Let me know if there are any other details I can provide that will help. Thanks!

Input:

wrapper.find('SomewhatLongNodeName').prop('longPropFunctionName')().then(function() {
  doSomething();
});

Output:

wrapper
  .find("SomewhatLongNodeName")
  .prop("longPropFunctionName")().then(function() {
  doSomething();
});

Expected behavior:

wrapper
  .find("SomewhatLongNodeName")
  .prop("longPropFunctionName")()
  .then(function() {
    doSomething();
  });