005 Web Assembly之測試康威遊戲程式碼

linghuyichong發表於2021-08-23
Web遊戲

影片地址：www.bilibili.com/video/BV1eg411g7c...
相關原始碼：github.com/anonymousGiga/Rust-and-...

本節我們開始測試，我們首先來測試tick函式，以確保提供我們期望的輸出。

我們在wasm_game_of_life/src/lib.rs中的impl Universe塊中建立一些setter和getter函式，程式碼如下：

#[wasm_bindgen]
impl Universe {
    ...

    pub fn set_width(&mut self, width: u32) {
        self.width = width;
        self.cells = (0..width * self.height).map(|_i| Cell::Dead).collect();
    }

    pub fn set_height(&mut self, height: u32) {
        self.height = height;
        self.cells = (0..self.width * height).map(|_i| Cell::Dead).collect();
    }

    pub fn width(&self) -> u32 {
        self.width
    }

    ...

}

再新增獲取和設定宇宙中細胞狀態的程式碼(注意，以下新增的程式碼是要重新寫一個Universe塊，且此塊上面是沒有#[wasm_bindgen])：

//此處沒有#[wasm_bindgen]
impl Universe {
    ...
    pub fn get_cells(&self) -> &[Cell] {
        &self.cells
    }

    pub fn set_cells(&mut self, cells: &[(u32, u32)]) {
        for (row, col) in cells.iter().cloned() {
            let idx = self.get_index(row, col);
            self.cells[idx] = Cell::Alive;
        }
    }

    ...
}

2.1 準備測試檔案

在wasm-game-of-life檔案下，執行如下命令：

wasm-pack test --chrome --headless

透過此命令，我們可以得到一個tests資料夾，裡面有一個web.rs檔案。上面的命令中，–chrome，你也可以換成–firefox, –safari, 以及–node等任何你想測試的瀏覽器對應的引數。

2.2 編寫測試程式碼

修改整個web.rs如下：

//! Test suite for the Web and headless browsers.

#![cfg(target_arch = "wasm32")]

extern crate wasm_bindgen_test;
use wasm_bindgen_test::*;
extern crate wasm_game_of_life;
use wasm_game_of_life::Universe;

wasm_bindgen_test_configure!(run_in_browser);

#[wasm_bindgen_test]
fn pass() {
    assert_eq!(1 + 1, 2);
}

#[cfg(test)]
pub fn input_spaceship() -> Universe {
    let mut universe = Universe::new();
    universe.set_width(6);
    universe.set_height(6);
    universe.set_cells(&[(1,2), (2,3), (3,1), (3,2), (3,3)]);
    universe
}

#[cfg(test)]
pub fn expected_spaceship() -> Universe {
    let mut universe = Universe::new();
    universe.set_width(6);
    universe.set_height(6);
    universe.set_cells(&[(2,1), (2,3), (3,2), (3,3), (4,2)]);
    universe
}


#[wasm_bindgen_test]
pub fn test_tick() {
    let mut input_universe = input_spaceship();

    let expected_universe = expected_spaceship();

    input_universe.tick();
    assert_eq!(&input_universe.get_cells(), &expected_universe.get_cells());
}

2.3 執行測試

在wasm-game-of-life資料夾下執行如下命令：

wasm-pack test --chrome --headless

執行完成可以看到測試結果。

本作品採用《CC 協議》，轉載必須註明作者和本文連結
令狐一衝

相關文章