<h2 id="wasm%E3%81%A7%E3%83%86%E3%82%B9%E3%83%88">
<a class="header-anchor-link" href="#wasm%E3%81%A7%E3%83%86%E3%82%B9%E3%83%88" aria-hidden="true"></a> WASMでテスト</h2>
<p>GOOS=js GOARCH=wasm の場合のテストってどうすればいいんだろうかというのを調査してみた。<br>
その結果、<code>wasmbrowsertest</code>っていうのが見つかりました。</p>
<h2 id="%E6%BA%96%E5%82%99">
<a class="header-anchor-link" href="#%E6%BA%96%E5%82%99" aria-hidden="true"></a> 準備</h2>
<ol>
<li>
<p>Chromeのインストールをあらかじめ実施しておきましょう</p>
</li>
<li>
<p>wasmbrowsertestのインストール</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">go get github.com/agnivade/wasmbrowsertest
<span class="token assign-left variable">i</span><span class="token operator">=</span><span class="token variable"><span class="token variable">$(</span><span class="token function">which</span> wasmbrowsertest<span class="token variable">)</span></span> <span class="token function">ln</span> <span class="token parameter variable">-s</span> <span class="token variable">$i</span> <span class="token variable"><span class="token variable">$(</span><span class="token function">dirname</span> $i<span class="token variable">)</span></span>/go_js_wasm_exec
</code></pre></div>
</li>
</ol>
<h2 id="%E4%BD%BF%E3%81%84%E6%96%B9">
<a class="header-anchor-link" href="#%E4%BD%BF%E3%81%84%E6%96%B9" aria-hidden="true"></a> 使い方</h2>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">go <span class="token function">env</span> <span class="token parameter variable">-w</span> <span class="token assign-left variable">GOOS</span><span class="token operator">=</span>js <span class="token assign-left variable">GOARCH</span><span class="token operator">=</span>wasm
go <span class="token builtin class-name">test</span> <span class="token builtin class-name">.</span>
</code></pre></div><h2 id="vscode%E3%81%AE%E5%A0%B4%E5%90%88">
<a class="header-anchor-link" href="#vscode%E3%81%AE%E5%A0%B4%E5%90%88" aria-hidden="true"></a> VSCodeの場合</h2>
<p>ワークスペースの設定に以下の設定を入れます。</p>
<div class="code-block-container"><pre class="language-cjson"><code class="language-cjson">{
    "go.toolsEnvVars": {
        "GOARCH":"wasm",
        "GOOS":"js",
    },
    "go.testEnvVars": {
        "GOARCH":"wasm",
        "GOOS":"js",
    }
}
</code></pre></div><p>VSCodeのコマンドパレットから「Reload Window」をすればテストの実行と結果表示をVSCodeの出力ペインで確認できます。</p>
<h2 id="%E3%81%BE%E3%81%A8%E3%82%81">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h2>
<ul>
<li>使い勝手が<code>go test</code>と何ら変わらずで便利</li>
<li>ChromeDP(ヘッドレスChromeドライバー)を裏で使う</li>
<li>go_js_wasm_execという命名の解説は<code>go help run</code>に書いてる</li>
</ul>


GoでWASM用実装のテスト

Discussion