React快照玩笑测试，条件渲染

Question

我是开玩笑的新手，一般来说，我正在为React代码编写开玩笑的快照测试。代码渲染具有相应属性的链接组件，如果存在HREF，则链接组件。如何为其编写快照？ 该代码很漫长，但这是有条件的渲染部分：

<Typography
        variant="h4"
        component="h1"
        gutterBottom
      >
        {serverPublicationResponse?.title}
        { externalLink && (
          <Link
            target="_blank"
            underline="hover"
            aria-label={serverPublicationResponse?.title}
            href={serverPublicationResponse?.doiLink}
          >
            <Launch sx={{ fontSize: '1.75rem', ml: 0.35 }} />
          </Link>
        )}
      </Typography>

这是迄今为止的开玩笑测试，有没有一种方法可以在一个测试中写整个快照测试？

describe('pagePublication', () => {
  test('should match with the previous snapshot', (done) => {
    const x: Publication = { key: '', title: '', year: 1 };
    const y: PublicationKeyphrase = { keyphrases: [] };
    const testRenderer = TestRenderer.create(
      <PagePublication
        serverPublicationResponse={x}
        serverPublicationKeyphraseResponse={y}
      />,
    );
    expect(testRenderer.toJSON()).toMatchSnapshot();
    done();
  });
});