Jest 中 mocking DOMPoint 的不一致行為
[英]Inconsistent behaviour of mocking DOMPoint in Jest
我有許多使用DOMPoint和DOMRect的幾何函數，我想使用 jest 對其進行測試。 該框架配置為使用jsdom作為測試環境。 不幸的是，jsdom 沒有DOMPoint和DOMRect的定義，因此我需要模擬它們。 在我的 setupUnitTests.ts 文件中，它在 jest.confi ...
'不受支持的類型：懸停'和'未知的偽類選擇器：可見'
[英]'Unsuported type :hover' and 'Unknown pseudo-class selector :visible'
我無法在jsdom測試環境中使用帶有偽類的選擇器。 有什么技巧可以做到這一點或進行一些強制性配置嗎？ 例如，如果我執行$("button:hover")我會收到錯誤消息： 語法錯誤，無法識別的表達式：不支持的偽：hover 如果我執行document.querySelectorAll("div.t ...
帶有 React 測試庫“意外令牌”的 Vitest
[英]Vitest with React Testing Library 'Unexpected Token'
我正在使用與 ViteJS 和 Vitest 的反應來進行測試。 我已經設置了 vitest 的配置和測試設置文件，您可以在下面的屏幕截圖中看到。 vite.config.js src/test/setup.ts src/app/App.tsx src/app/App.spec.js 這是 ...
如何從多行字符串構建 HTML DOM 並訪問 Jest 中的子元素？
[英]How to build an HTML DOM from a multiline string and access child elements in Jest?
問題： 我正在嘗試從Jest中的多行字符串構建一個HTML DOM，以測試瀏覽器擴展。 但是，當我嘗試訪問 DOM 的子元素時，它們將作為字符串而不是 DOM 節點返回。 我試過的： 我嘗試了多種方法，但它們似乎都有同樣的問題。const html = ` <div id="id1"> ...
如何在 Nodejs 中使用 Observable Plot？
[英]How to use Observable Plot in Nodejs?
我讀到使用jsdom是Observable Plot （來自 D3js 的派生模塊）在Nodejs中工作所必需的。 但是，關於這方面的例子很少，我無法正確調整我發現的例子。 這是我試圖改編的代碼： 我嘗試了不同的東西，比如添加： 嘗試在此處重現為 d3 所做的工作。 我也看到了這個可能包含答案，但 ...
Jsdom 加載 javascript 代碼但運行不正常
[英]Jsdom load javascript code but doesn't run correctly
這段代碼有什么問題？ 它顯示 says: hello bar from the out.js console.log 但不運行腳本的 rest 不在<div id="link"></div>中添加鏈接如果我將腳本直接放在它可以工作的代碼中，而不是放在 a.js 文件中 tes ...
html如何破解成<div>使用 jsdom 的部分</div><div id="text_translate"><p>我已經自動生成了 HTML 這樣的結構：</p><pre> <.DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> <h2>Subheading A</h2> <p>Subheading content 1</p> <ul> <li>bla</li> </ul> <p>Subheading content 2</p> <h2>Subheading B</h2> <p>Subheading content 1</p> <p>Subheading content 2</p> <p>Subheading content 3</p> </body> </html></pre><ul><li> Html 可以有任意數量的副標題 (h2)。</li><li> 子標題之間可以有任意數量的 HTML 個元素。</li><li> 我想將每個副標題和后續標簽包裝到一個<div>中</li></ul><p>這是一個例子</p><pre> <.DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> <div> <h2>Subheading A</h2> <p>Subheading content 1</p> <ul> <li>bla</li> </ul> <p>Subheading content 2</p> </div> <div> <h2>Subheading B</h2> <p>Subheading content 1</p> <p>Subheading content 2</p> <p>Subheading content 3</p> </div> </body> </html></pre><p> 那是我想出的一些代碼</p><pre>const dom = new JSDOM(myHtmlString); orig_html = dom.window.document.getElementById("h2").innerHTML; new_html = "<div>" + org_html + "</div>"; dom.window.document.getElementById("h2").innerHTML = new_html;</pre><p> 但是，我需要找到屬於當前 h2 的所有元素，並將 HTML 分成幾個部分來這樣做。 您知道實現該目標的最佳方法是什么嗎？</p><p> 更新：</p><p> 您怎么看，在那種情況下使用jsdom可能不是一個好主意？ 僅使用文本操作來實現該結果會更好嗎？</p></div>
[英]How to break html into <div> sections using jsdom
我已經自動生成了 HTML 這樣的結構： Html 可以有任意數量的副標題 (h2)。 子標題之間可以有任意數量的 HTML 個元素。 我想將每個副標題和后續標簽包裝到一個<div>中這是一個例子 那是我想出的一些代碼 但是，我需要找到屬於當前 h2 的所有元素，並將 HTML 分成幾 ...
“window.scrollY > 0”的劑量是什么意思
[英]What dose mean by "window.scrollY > 0"
我知道 about.toggle() 方法，但不是很清楚。 有人可以解釋一下toggle()和window.scrollY嗎？ ...
查詢 li 元素返回 NodeList 什么都沒有但應該存在
[英]querying li elements returns NodeList conitaned nothing but should exist
感謝您的閱讀。 我將不勝感激任何建議或信息。 我在做什么我正在制作 web 抓取應用程序JSDOM和axios 。 嘗試查詢所有<a href="url">並獲取 href 值。 問題為什么lists的長度為0？ 我怎樣才能得到預期的結果？ 我想獲得具有 3 個節點的 NodeList ...
等待 HTML 頁面完全呈現，然后進行 DOM 操作
[英]Waiting for an HTML page to be fully rendered, then doing DOM manipulation
我正在嘗試使用 nodeJs 從網頁的 DOM 中獲取特定元素。 為此，我使用了 jsdom，並且對於常規網頁來說一切似乎都很完美，我能夠在 nodejs 中看到 DOM 並獲取 select 元素。 問題出在像這樣的一些網頁上，當您 go 到頁面時，會有一個初始網頁，然后在獲取新數據后，頁面會更改 ...
使用節點 js 操作 DOM
[英]DOM manipulation using node js
我想獲取網站的DOM元素，所以我使用了jsdom package。 問題是網站有一種加載來獲取數據，然后會顯示完整的 HTML 頁面。 我的問題是我的代碼在加載之前執行，因此我認為沒有所有的 DOM 元素。 ...
我有一個 ReferenceError：文檔未定義
[英]I have a ReferenceError: document is not defined
我的代碼顯示參考錯誤我不知道為什么，我在 webstorm ide 中使用節點 js。 我的 HTML 我的腳本 錯誤 ...
我如何獲得這個特定的段落 class textContents？
[英]How would I get this specific paragraph class textContents?
為了給出一些上下文，我試圖直接從示例中獲取數據類型的摘要： Axes 。 我一直在使用jsdom ，這就是我認為我應該 go 關於事情的方式： 但是，這會將參數中的許多元素導出到控制台。 除了我特別需要的那個。 只是為了澄清這是我試圖在網頁上顯示的摘要元素： “Axes”數據類型用於“ArcHa ...
帶有 CRA 的 jsdom 拋出 TypeError _ownerDocument null
[英]jsdom with CRA throwing TypeError _ownerDocument null
賞金將在 3 天后到期。 此問題的答案有資格獲得+500聲望賞金。 Munsterberg想引起更多人對這個問題的關注： 卡住了，不知道如何獲得更多幫助我有一個運行良好的 craco 項目，但是在使用 jest 運行測試時會引發以下錯誤。 我什至沒有安裝 jsdom，它似乎是 craco 的對等 ...
找到文檔源中dom節點的position
[英]Finding position of dom node in the document source
語境我正在構建一組“提取器”函數，其目的是從頁面中提取看起來像組件的東西（使用 jsdom 和 nodejs）。 最終結果應該是這些“組件”對象，它們按照它們最初出現在頁面中的位置排序。 問題這個過程的最后一部分有點問題。 據我所知，沒有簡單的方法可以判斷給定元素在給定 dom 文檔的源代碼中的位 ...
是的，Formik 在使用 Jest 和 React 測試庫進行測試時沒有驗證表單
[英]Yup and Formik not validating form when testing with Jest and React Testing Library
我最近將 Jest 更新為最新的 28. 版本，我的單元測試停止工作，特別是在使用 Yup 和 Formik 驗證我的表單並顯示錯誤消息的測試中。 如果我回滾 Jest 版本，它確實可以正常工作。 這是我的 package.json 依賴項 這是我的 jest.config.js 這是我失敗的測試 ...
盡管在控制台上，但從 promise 返回時，innerText 值未定義
[英]innerText value is undefined when returned from promise despite being there on the console
我正在使用 Node JS，這是代碼 import fetch from 'node-fetch'; import { JSDOM } from 'jsdom'; import {Appartment} from "./models/Appartment.mjs" let applist = ...
攔截對象屬性設置的方法有哪些？
[英]What are the ways of intercepting setting of property on an object?
我試圖弄清楚在jsdom 的 CSSStyleDeclaration實現中如何攔截屬性的設置。 這樣做是出於驗證目的。 我想知道這個驗證發生在哪里。 github鏈接 這是發生設置的行。 this[lowercaseName] = value; 我只知道一種可用於攔截此操作的方法。 這是Prox ...
ReferenceError: Vue 未定義 | vuejs3、jest、@testing-library/vue 和 jest-environment-jsdom
[英]ReferenceError: Vue is not defined | vuejs3, jest, @testing-library/vue and jest-environment-jsdom
我無法使用@testing-library/vue和jest-environment-jsdom在我的 vue3 項目中運行簡單的jest測試。 當我運行npm run test時，我收到以下錯誤 以下是重現此問題的代碼框鏈接https://codesandbox.io/s/bold-hill-8 ...
Angular Jest 不能模擬 HTMLElement？ “不是自定義元素注冊表的一部分”
[英]Angular Jest can't mock HTMLElement? "not part of the custom element registry"
我正在嘗試使用 Jest 28 對 Angular 11 中的指令進行單元測試。我需要模擬對圖像的單擊，因此我使用以下代碼來模擬鼠標事件： Typescript 不會將任何內容標記為錯誤，但 Jest 抱怨：“TypeError：構造函數無效，構造函數不是自定義元素注冊表的一部分”。 當我只 ...