javascript - 如何在 Jest 测试中防止 "polluting"变量？

Question

我的测试是这样的:

const aframeViewer = new VRMaker.AframeViewer()
let el
let panoramas
let panorama

beforeEach(() => {
  panorama = { objectId: '1' }
  panoramas = [panorama]
  el = 'vrmaker-aframe'
})

describe('commonViewer', () => {

  it('addPanoramas', () => {
    const oldPanoramas = clone(panoramas)
    aframeViewer.addPanoramas([{ objectId: '2' }])
    expect(aframeViewer.getPanoramas()).not.toBe(oldPanoramas)
  })

  it('getPanoramas', () => {
    expect(aframeViewer.getPanoramas()).toBe(panoramas)
  })

  it('getCurrentPanorama', () => {
    expect(aframeViewer.getCurrentPanorama()).toBe(panorama)
  })
}) 

这里的问题是 aframeViewer.addPanoramas([{ objectId: '2' }]) 变成了这个:

[{ objectId: 1 }]

进入这个

[{ objectId: 1 }, { objectId: '2' }]

因此 getPanoramas 测试有一个被污染的变量。 (getCurrentPanorama 遇到同样的问题。)

避免此类情况的最佳方法是什么？

Answer 1

1. 声明 let aframeViewer; 并在 beforeEach 添加:

   aframeViewer = new VRMaker.AframeViewer()

2. 不要指望一个测试在另一个测试之前运行，确保在 beforeEach 或测试开始时执行您需要执行的任何操作。