More than 5 years have passed since last update.

Vue.js + Jest でnpm run unit をするとSecurityError: localStorage is not available for opaque originsが発生する

Posted at 2018-08-04

Vue.jsのテストをやろうかと思って、とりあえず vue-cli で自動生成される HelloWorld.vue のテスト(npm run unit)を実行したら以下のエラーが発生したので、その対処法を残す。

見てみると、 SecurityError: localStorage is not available for opaque origins が発生している。

ググってみると、jest.config.jsに以下のパラメータを追加すれば良いとのこと。

jest.config.js

module.exports = {
  ...
  verbose: true,
  testURL: "http://localhost/",
}

これで再度実行する。

めでたしめでたし👏

jest.config.jsでtestURLを設定していない場合は、　URLがabout:blankとなり、妥当なoriginでないと判断され、 SecurityError が発生した感じですね。

だとすると、必要なパラメータはtestURLだけなので、verboseはお好みで設定してください。
あと、testURLに指定する値はoriginの妥当性が判断できれば良いので、http://hogehogeとかでも大丈夫です(HelloWorld.vueで実行済み)。

以上です👍