Jest: Tidak dapat mengubah window.location menggunakan Object.defineProperty

Dibuat pada 19 Des 2017 · 78Komentar · Sumber: facebook/jest

Apakah Anda ingin meminta _fitur_ atau melaporkan _bug_? Laporkan bug

Apa perilaku saat ini?

Memanggil yang berikut ini dari dalam test suite:

Object.defineProperty(location, "hostname", {
  value: "example.com",
  writable: true
});

melempar kesalahan berikut:

    TypeError: Cannot redefine property: hostname
        at Function.defineProperty (<anonymous>)

Apa perilaku yang diharapkan?

Kode tidak boleh mengeluarkan pengecualian, dan window.location.hostname === "example.com" harus bernilai benar.

Dari kelihatannya, jsdom sekarang menetapkan window.location menjadi unforgeable . Satu-satunya cara untuk mengubah nilai dalam window.location adalah dengan menggunakan reconfigure , tetapi (per #2460) Jest tidak mengekspos jsdom untuk pengujian untuk dimainkan.

Harap berikan konfigurasi Jest Anda yang tepat dan sebutkan Jest, node,versi benang/npm dan sistem operasi.

Versi lelucon: 22.0.1
Versi simpul: 8.6.0
Versi benang : 1.2.0
OS : macOS Sierra Tinggi 10.13.2

Discussion Wontfix

Sumber

simon360

👍101

Komentar yang paling membantu

Saya telah menerbitkan paket baru di npm bernama jest-environment-jsdom-global , yang dapat membantu mengatasi masalah yang dialami beberapa orang dengan Object.defineProperty .

simon360 pada 19 Des 2017

👍40 🎉12 ❤7 🚀3 😄2 👀1

Semua 78 komentar

Saya memiliki masalah serupa. Anda dapat membuat JSDOMEnvironment Anda sendiri dan mengekspos objek jsdom ke global seperti ini.

const JSDOMEnvironment = require('jest-environment-jsdom');

module.exports = class CustomizedJSDomEnvironment extends JSDOMEnvironment {
  constructor(config) {
    super(config);
    this.global.jsdom = this.dom;
  }

  teardown() {
    this.global.jsdom = null;
    return super.teardown();
  }
};

Dan kemudian Anda dapat memanggil jsdom.reconfigure dalam test case Anda sesuka Anda

oliverzy pada 19 Des 2017

👍8

Itu solusi yang bagus, terima kasih telah berbagi!

Anda harus mengembalikan super.teardown(); karena ini adalah janji, btw

SimenB pada 19 Des 2017

Sempurna, @oliverzy - Saya akan mencobanya. Terima kasih!

Apakah ada tempat yang tepat untuk mendokumentasikan ini? Tampaknya itu adalah pertanyaan yang cukup sering muncul; mudah-mudahan, masalah di masa depan dapat dikurangi jika ini diintegrasikan dalam dokumen?

simon360 pada 19 Des 2017

Solusi ini tidak cukup berhasil.

Di dalam file pengujian kami, sepertinya global diatur menjadi objek window JSDom.

Dengan kata lain, di dalam test suite, global sama dengan window , tetapi di dalam kelas yang diperluas JSDOMEnvironment , global berasal dari lingkungan Node.

Akibatnya, memiliki ini:

describe("test suite", () => {
  it("should not fail", () => {
    global.jsdom.reconfigure({
      url: "https://www.example.com/"
    });
  });
});

gagal karena global.jsdom tidak ditentukan.

Saya menyiasatinya dengan melakukan ini, tetapi saya tidak terlalu mempermasalahkannya.

const JSDOMEnvironment = require("jest-environment-jsdom");

module.exports = class JSDOMEnvironmentGlobal extends JSDOMEnvironment {
  constructor(config) {
    super(config);

    this.dom.window.jsdom = this.dom;
  }
};

Dengan lingkungan ini, global.jsdom di dalam test suite sama dengan this.dom , dan test suite di atas berfungsi.

Bagi saya, rasanya seperti menetapkan jsdom menjadi properti dari objek window nya sendiri

simon360 pada 19 Des 2017

anda perlu menulis jsdom daripada global.jsdom dalam pengujian Anda.

oliverzy pada 19 Des 2017

👍4

@oliverzy Suka ini?

describe("test suite", () => {
  it("should not fail", () => {
    jsdom.reconfigure({
      url: "https://www.example.com/"
    });
  });
});

Itu melempar jsdom is not defined , tapi saya mungkin salah mengartikan.

simon360 pada 19 Des 2017

👍5

@simon360 Silakan konfigurasikan testEnvironment dengan kode dari @oliverzy , lihat https://facebook.github.io/jest/docs/en/configuration.html#testenvironment -string

danielbayerlein pada 19 Des 2017

@danielbayerlein konfigurasi Jest saya memiliki ini:

"testEnvironment": "@wel-ui/jest-environment-jsdom-global"

di mana @wel-ui/jest-environment-jsdom-global adalah nama paket di monorepo kami. Lingkungan digunakan dengan benar, karena solusi yang menetapkan jsdom pada window berfungsi seperti yang diharapkan.

simon360 pada 19 Des 2017

BTW, adakah yang tahu mengapa solusi asli tidak berfungsi di versi baru?
Yang ini:

Object.defineProperty(location, "hostname", {
  value: "example.com",
  writable: true
});