如何防止 Prettier 将测试代码从 1 行断成多行

Question

有问题的代码

it('will display No Policy Found after fist submit attempt.', () => {
    const policyDetails = {
        partyID: null,
        agreementID: null,
        isValidPolicy: false,
    };
    wrapper.setProps({policyDetails});
    wrapper.setState({submitCount: 1});
    const result = wrapper.instance().displayUserNotices();
    const render = shallow(result)
        .find('UserNotice')
        .find('p');

    expect(render.text()).toEqual(NO_POLICY_USER_NOTICE);
});

我一直在写

const render = shallow(result)
  .find('UserNotice')
  .find('p');

作为所需的以下 1-liner:

const render = shallow(result).find('UserNotice').find('p');

但是 prettier 一直在还原它。

我试过添加

noUnexpectedMultiline: true 在 .prettierrc.yml 中，但这没有用。

想法？

Answer 1

要防止 Prettier 格式化您的代码，请在 variable/function/etc 之前使用此注释。

// prettier-ignore

如果你想让 prettier 忽略 Markdown 中的多行，你也可以这样做。

<!-- prettier-ignore-start -->
# Headline

```js
const foo      =         'hey';
console.log      (foo);
```
<!-- prettier-ignore-end -->

更多信息：https://prettier.io/docs/en/ignore.html

Answer 2

如果这在您的代码库中经常发生，并且您不想在代码中使用 ignore 语句，并且您希望允许超过 80 个字符（Prettier 建议不做），你可以通过添加

来增加宽度

"printWidth": <whatever you want your max column length to be>

给你的prettierrc.json

Print Width in the docs

或者，如果您不想要代码中的注释，您可以创建一个 .prettierignore file 并将您的文件添加到其中。

Answer 3

希望看到他们在 Javascript 中添加忽略特定功能的能力，例如 'console.log'。必须更改我的代码片段以在每行末尾添加 //prettier-ignore。

如何防止 Prettier 将测试代码从 1 行断成多行

How to prevent Prettier from breaking test code from 1 line to multiple lines

javascript

lint

prettier