大多數測試工具（如 Selenium）透過在瀏覽器外部執行並透過網路執行遠端命令來執行。Cypress 正好相反。 Cypress 在與 Web 應用程式相同的執行迴圈(run loop)中執行。

Cypress 背後是一個 `Node 伺服器程式`。 Cypress 和 Node 程式彼此不斷通訊、同步和執行任務。訪問這兩個部分（也就是對應的前後臺操作）使我們能夠實時響應 Web 應用程式的事件，同時在瀏覽器之外執行需要更高許可權的任務。

Cypress 還透過直接在網路層執行，可以動態讀取和更改網路流量。這使 Cypress 不僅可以修改進出瀏覽器的所有內容，還可以更改可能干擾其自動操作瀏覽器能力的程式碼。

Cypress 最終控制了從上到下的整個自動化過程，這使其處於能夠理解瀏覽器內外發生的一切的獨特位置。

由於 Cypress 安裝在測試開發人員的機器上，因此它還可以接入作業系統以執行自動化任務。這使得執行諸如截圖、錄製影片、一般檔案系統操作和網路操作等任務成為可能。

執行命令列 `npx cypress open`, 遇到錯誤訊息：

> $ npx cypress open
It looks like this is your first time using Cypress: 10.4.0
Cypress failed to start.
This may be due to a missing library or dependency. https://on.cypress.io/required-dependenc:Please refer to the error below for more details.
[0815/165943.734:FATAL:v8_initializer.cc(525)] Error loading V8 startup snapshot file
Platform: win32-x64 (10.0.19044)Cypress Version: 10.4.0

![](https://img-blog.csdnimg.cn/img_convert/e022bb2aeaeed90cccb54669c703750e.png)

從 `package-lock.json` 檔案裡看出，使用的 Cypress 版本是 `10.4.0`：

![](https://img-blog.csdnimg.cn/img_convert/259e962dbf3b4185b2ae7379e1957ee1.png)

我們從 gitcode 能查到 `v8_initializer.cc` 的原始碼：
https://gitcode.net/mirrors/chromium/chromium/-/blob/lkgr-android-internal/gin/v8_initializer.cc

![](https://img-blog.csdnimg.cn/img_convert/3c64e00a2b98f898b88e43be6a621422.png)

```typescript
// static
void V8Initializer::LoadV8SnapshotFromFile(
    base::File snapshot_file,
    base::MemoryMappedFile::Region* snapshot_file_region,
    V8SnapshotFileType snapshot_file_type) {
  if (g_mapped_snapshot)
    return;

if (!snapshot_file.IsValid()) {
    LOG(FATAL) << "Error loading V8 startup snapshot file";
    return;
  }

```

我看了一下 SAP 電商雲 Spartacus UI 的 Cypress package.json 設定，發現用的是 `8.5.0` 版本：

![](https://img-blog.csdnimg.cn/img_convert/634fce86e3be341d38434a1014428dae.png)

我自己的 Cypress 工程也切換成這個版本後，問題消失：

![](https://img-blog.csdnimg.cn/img_convert/38fbbbf98e89aa69b438613c51d4152c.png)

建立第一個 Cypress 應用後使用命令列 npx Cypress open 報錯的原因分析

相關文章