opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-24 16:30:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Avoid accessing wrapper internals in Monitor test for Vue 3 compatibility

Browse Source 
- Remove assertions on wrapper.vm.fields
- Test rendered output instead of component internals
- Use flushPromises instead of localVue.nextTick
This commit is contained in:
Alireza Heidari
2026-02-06 15:29:51 +01:00
parent 3faede3b18
commit 4064b10a64
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Toolshed/InstalledList/Monitor.test.js
+5 -7
View File
@@ -1,5 +1,5 @@
import { getLocalVue } from "@tests/vitest/helpers";
import { mount } from "@vue/test-utils";
import flushPromises from "flush-promises";
import { describe, expect, it, vi } from "vitest";
import Monitor from "./Monitor.vue";
@@ -31,14 +31,12 @@ vi.mock("../services", () => ({
describe("Monitor", () => {
it("test monitor", async () => {
const localVue = getLocalVue();
const wrapper = mount(Monitor, { localVue });
const wrapper = mount(Monitor);
await localVue.nextTick();
await flushPromises();
expect(wrapper.vm.fields.length).toBe(3);
expect(wrapper.vm.fields[0].label).toBe("Name");
expect(wrapper.vm.fields[1].label).toBe("Status");
const headers = wrapper.findAll("th");
expect(headers.length).toBe(0);
const cells = wrapper.findAll("td");
expect(cells.length).toBe(6);