有沒有辦法測驗頁面在 next.js 中的呈現方式？
不是通過比較 html，而是通過實際影像。到目前為止，我只找到了一種將組件“渲染”為 html（標簽樹）的方法toJSON()：
import React from 'react'
import TestRenderer from 'react-test-renderer'
import Index from './index'
it(`should render`, () => {
const testRenderer = TestRenderer.create(<Index/>)
expect(testRenderer.toJSON()).toMatchSnapshot()
})
但是沒有關于如何使用實際渲染和真實影像執行此操作的資訊。
最后，我希望能夠以像素完美的精度將當前影像與參考影像進行比較。是否可以？
uj5u.com熱心網友回復：
您想尋找工具來進行視覺測驗。通常設定是這樣的，您運行一次測驗，它會創建螢屏截圖，然后當您稍后再次運行它時，它會與這些螢屏截圖進行比較，以查看是否發生了任何回歸。
此人解釋了使用 nextJs 應用程式、cypress和applitools 的設定
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/402187.html