mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-11-15 01:25:00 +03:00
fix(frontend): key geo entries by page position and clear test-suite noise
Zod 4: use the `error` param instead of the deprecated `message`. lint:deprecated missed these because tsgolint's no-deprecated does not resolve object-literal properties on a `string | Params` union. Geodata: key geo entry rows by page position. antd deprecates rowKey's index argument, and kind:value repeats within a page because the reader drops domain attributes (22 pairs in geosite_IR.dat, 108 in geosite_RU). Nord/PIA: the "All cities/regions" option used a null value, which antd warns on. Map it through a sentinel at the Select boundary so form state stays null, with tests that fail when the sentinel is not mapped back. Tests: - Run the oxlint guard through node; .bin/oxlint is a sh shim Windows cannot spawn, and the swallowed error left both guard cases vacuous. - Start unit workers with --no-experimental-webstorage; msw's localStorage probe made Node 25+ warn once per forked worker. - Set IS_REACT_ACT_ENVIRONMENT, which RTL never sets with globals: false, and settle the async updates it exposed inside act(). The row-cells memo test now fails when memo is removed. - Disable antd's click wave in Storybook; it re-rendered inside the next story's act() and tripped "not configured to support act". - Assert InboundFormModal's validation log instead of leaking it, and give the rule-form test a well-formed clients/list response.
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
import { useState } from 'react';
|
||||
import { describe, expect, it, vi } from 'vitest';
|
||||
import { fireEvent, screen, waitFor } from '@testing-library/react';
|
||||
import { act, fireEvent, screen, waitFor } from '@testing-library/react';
|
||||
|
||||
import NordModal from '@/pages/xray/overrides/NordModal';
|
||||
import { HttpUtil, Msg } from '@/utils';
|
||||
@@ -70,7 +70,10 @@ async function chooseOption(testId: string, labelPart: string) {
|
||||
`${item.getAttribute('title') ?? ''} ${item.textContent ?? ''}`.includes(labelPart),
|
||||
);
|
||||
if (!option) throw new Error(`Missing option containing ${labelPart}`);
|
||||
fireEvent.click(option);
|
||||
// Picking a country fetches its servers; let that settle inside act().
|
||||
await act(async () => {
|
||||
fireEvent.click(option);
|
||||
});
|
||||
}
|
||||
|
||||
async function clickAddOutbound() {
|
||||
@@ -239,6 +242,25 @@ describe('NordVPN modal', () => {
|
||||
);
|
||||
});
|
||||
|
||||
it('lists every server again when All Cities is chosen after a city', async () => {
|
||||
mockNordApi();
|
||||
renderWithProviders(<NordHarness />);
|
||||
|
||||
await waitFor(() => expect(screen.getByText('nord-token')).toBeTruthy());
|
||||
await chooseOption('nord-country-select', 'United States');
|
||||
await chooseOption('nord-city-select', 'New York');
|
||||
await chooseOption('nord-city-select', 'All Cities');
|
||||
|
||||
const serverNode = screen.getByTestId('nord-server-select');
|
||||
const serverSelect = serverNode.closest('.ant-select') ?? serverNode;
|
||||
fireEvent.mouseDown(serverSelect.querySelector('.ant-select-selector') ?? serverSelect);
|
||||
await waitFor(() =>
|
||||
expect(
|
||||
document.querySelectorAll<HTMLElement>('.nord-server-popup .ant-select-item-option'),
|
||||
).toHaveLength(2),
|
||||
);
|
||||
});
|
||||
|
||||
it('disables Add when the selected server is already present', async () => {
|
||||
mockNordApi();
|
||||
renderWithProviders(
|
||||
|
||||
Reference in New Issue
Block a user