fix: use vi.mock for navigate test, fix import order in CartSnackbar
This commit is contained in:
Kirill
Generated
+207
-3
@@ -4333,6 +4333,75 @@
|
|||||||
"url": "https://github.com/sponsors/ljharb"
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/arraybuffer.prototype.slice/node_modules/es-abstract": {
|
||||||
|
"version": "1.24.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
|
||||||
|
"integrity": "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"array-buffer-byte-length": "^1.0.2",
|
||||||
|
"arraybuffer.prototype.slice": "^1.0.4",
|
||||||
|
"available-typed-arrays": "^1.0.7",
|
||||||
|
"call-bind": "^1.0.8",
|
||||||
|
"call-bound": "^1.0.4",
|
||||||
|
"data-view-buffer": "^1.0.2",
|
||||||
|
"data-view-byte-length": "^1.0.2",
|
||||||
|
"data-view-byte-offset": "^1.0.1",
|
||||||
|
"es-define-property": "^1.0.1",
|
||||||
|
"es-errors": "^1.3.0",
|
||||||
|
"es-object-atoms": "^1.1.1",
|
||||||
|
"es-set-tostringtag": "^2.1.0",
|
||||||
|
"es-to-primitive": "^1.3.0",
|
||||||
|
"function.prototype.name": "^1.1.8",
|
||||||
|
"get-intrinsic": "^1.3.0",
|
||||||
|
"get-proto": "^1.0.1",
|
||||||
|
"get-symbol-description": "^1.1.0",
|
||||||
|
"globalthis": "^1.0.4",
|
||||||
|
"gopd": "^1.2.0",
|
||||||
|
"has-property-descriptors": "^1.0.2",
|
||||||
|
"has-proto": "^1.2.0",
|
||||||
|
"has-symbols": "^1.1.0",
|
||||||
|
"hasown": "^2.0.2",
|
||||||
|
"internal-slot": "^1.1.0",
|
||||||
|
"is-array-buffer": "^3.0.5",
|
||||||
|
"is-callable": "^1.2.7",
|
||||||
|
"is-data-view": "^1.0.2",
|
||||||
|
"is-negative-zero": "^2.0.3",
|
||||||
|
"is-regex": "^1.2.1",
|
||||||
|
"is-set": "^2.0.3",
|
||||||
|
"is-shared-array-buffer": "^1.0.4",
|
||||||
|
"is-string": "^1.1.1",
|
||||||
|
"is-typed-array": "^1.1.15",
|
||||||
|
"is-weakref": "^1.1.1",
|
||||||
|
"math-intrinsics": "^1.1.0",
|
||||||
|
"object-inspect": "^1.13.4",
|
||||||
|
"object-keys": "^1.1.1",
|
||||||
|
"object.assign": "^4.1.7",
|
||||||
|
"own-keys": "^1.0.1",
|
||||||
|
"regexp.prototype.flags": "^1.5.4",
|
||||||
|
"safe-array-concat": "^1.1.3",
|
||||||
|
"safe-push-apply": "^1.0.0",
|
||||||
|
"safe-regex-test": "^1.1.0",
|
||||||
|
"set-proto": "^1.0.0",
|
||||||
|
"stop-iteration-iterator": "^1.1.0",
|
||||||
|
"string.prototype.trim": "^1.2.10",
|
||||||
|
"string.prototype.trimend": "^1.0.9",
|
||||||
|
"string.prototype.trimstart": "^1.0.8",
|
||||||
|
"typed-array-buffer": "^1.0.3",
|
||||||
|
"typed-array-byte-length": "^1.0.3",
|
||||||
|
"typed-array-byte-offset": "^1.0.4",
|
||||||
|
"typed-array-length": "^1.0.7",
|
||||||
|
"unbox-primitive": "^1.1.0",
|
||||||
|
"which-typed-array": "^1.1.19"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/assertion-error": {
|
"node_modules/assertion-error": {
|
||||||
"version": "2.0.1",
|
"version": "2.0.1",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
@@ -4998,9 +5067,6 @@
|
|||||||
"is-arrayish": "^0.2.1"
|
"is-arrayish": "^0.2.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/es-abstract": {
|
|
||||||
"dev": true
|
|
||||||
},
|
|
||||||
"node_modules/es-define-property": {
|
"node_modules/es-define-property": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
@@ -8120,6 +8186,75 @@
|
|||||||
"url": "https://github.com/sponsors/ljharb"
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/reflect.getprototypeof/node_modules/es-abstract": {
|
||||||
|
"version": "1.24.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
|
||||||
|
"integrity": "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"array-buffer-byte-length": "^1.0.2",
|
||||||
|
"arraybuffer.prototype.slice": "^1.0.4",
|
||||||
|
"available-typed-arrays": "^1.0.7",
|
||||||
|
"call-bind": "^1.0.8",
|
||||||
|
"call-bound": "^1.0.4",
|
||||||
|
"data-view-buffer": "^1.0.2",
|
||||||
|
"data-view-byte-length": "^1.0.2",
|
||||||
|
"data-view-byte-offset": "^1.0.1",
|
||||||
|
"es-define-property": "^1.0.1",
|
||||||
|
"es-errors": "^1.3.0",
|
||||||
|
"es-object-atoms": "^1.1.1",
|
||||||
|
"es-set-tostringtag": "^2.1.0",
|
||||||
|
"es-to-primitive": "^1.3.0",
|
||||||
|
"function.prototype.name": "^1.1.8",
|
||||||
|
"get-intrinsic": "^1.3.0",
|
||||||
|
"get-proto": "^1.0.1",
|
||||||
|
"get-symbol-description": "^1.1.0",
|
||||||
|
"globalthis": "^1.0.4",
|
||||||
|
"gopd": "^1.2.0",
|
||||||
|
"has-property-descriptors": "^1.0.2",
|
||||||
|
"has-proto": "^1.2.0",
|
||||||
|
"has-symbols": "^1.1.0",
|
||||||
|
"hasown": "^2.0.2",
|
||||||
|
"internal-slot": "^1.1.0",
|
||||||
|
"is-array-buffer": "^3.0.5",
|
||||||
|
"is-callable": "^1.2.7",
|
||||||
|
"is-data-view": "^1.0.2",
|
||||||
|
"is-negative-zero": "^2.0.3",
|
||||||
|
"is-regex": "^1.2.1",
|
||||||
|
"is-set": "^2.0.3",
|
||||||
|
"is-shared-array-buffer": "^1.0.4",
|
||||||
|
"is-string": "^1.1.1",
|
||||||
|
"is-typed-array": "^1.1.15",
|
||||||
|
"is-weakref": "^1.1.1",
|
||||||
|
"math-intrinsics": "^1.1.0",
|
||||||
|
"object-inspect": "^1.13.4",
|
||||||
|
"object-keys": "^1.1.1",
|
||||||
|
"object.assign": "^4.1.7",
|
||||||
|
"own-keys": "^1.0.1",
|
||||||
|
"regexp.prototype.flags": "^1.5.4",
|
||||||
|
"safe-array-concat": "^1.1.3",
|
||||||
|
"safe-push-apply": "^1.0.0",
|
||||||
|
"safe-regex-test": "^1.1.0",
|
||||||
|
"set-proto": "^1.0.0",
|
||||||
|
"stop-iteration-iterator": "^1.1.0",
|
||||||
|
"string.prototype.trim": "^1.2.10",
|
||||||
|
"string.prototype.trimend": "^1.0.9",
|
||||||
|
"string.prototype.trimstart": "^1.0.8",
|
||||||
|
"typed-array-buffer": "^1.0.3",
|
||||||
|
"typed-array-byte-length": "^1.0.3",
|
||||||
|
"typed-array-byte-offset": "^1.0.4",
|
||||||
|
"typed-array-length": "^1.0.7",
|
||||||
|
"unbox-primitive": "^1.1.0",
|
||||||
|
"which-typed-array": "^1.1.19"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/regexp.prototype.flags": {
|
"node_modules/regexp.prototype.flags": {
|
||||||
"version": "1.5.4",
|
"version": "1.5.4",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
@@ -8853,6 +8988,75 @@
|
|||||||
"url": "https://github.com/sponsors/ljharb"
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/string.prototype.trim/node_modules/es-abstract": {
|
||||||
|
"version": "1.24.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
|
||||||
|
"integrity": "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"array-buffer-byte-length": "^1.0.2",
|
||||||
|
"arraybuffer.prototype.slice": "^1.0.4",
|
||||||
|
"available-typed-arrays": "^1.0.7",
|
||||||
|
"call-bind": "^1.0.8",
|
||||||
|
"call-bound": "^1.0.4",
|
||||||
|
"data-view-buffer": "^1.0.2",
|
||||||
|
"data-view-byte-length": "^1.0.2",
|
||||||
|
"data-view-byte-offset": "^1.0.1",
|
||||||
|
"es-define-property": "^1.0.1",
|
||||||
|
"es-errors": "^1.3.0",
|
||||||
|
"es-object-atoms": "^1.1.1",
|
||||||
|
"es-set-tostringtag": "^2.1.0",
|
||||||
|
"es-to-primitive": "^1.3.0",
|
||||||
|
"function.prototype.name": "^1.1.8",
|
||||||
|
"get-intrinsic": "^1.3.0",
|
||||||
|
"get-proto": "^1.0.1",
|
||||||
|
"get-symbol-description": "^1.1.0",
|
||||||
|
"globalthis": "^1.0.4",
|
||||||
|
"gopd": "^1.2.0",
|
||||||
|
"has-property-descriptors": "^1.0.2",
|
||||||
|
"has-proto": "^1.2.0",
|
||||||
|
"has-symbols": "^1.1.0",
|
||||||
|
"hasown": "^2.0.2",
|
||||||
|
"internal-slot": "^1.1.0",
|
||||||
|
"is-array-buffer": "^3.0.5",
|
||||||
|
"is-callable": "^1.2.7",
|
||||||
|
"is-data-view": "^1.0.2",
|
||||||
|
"is-negative-zero": "^2.0.3",
|
||||||
|
"is-regex": "^1.2.1",
|
||||||
|
"is-set": "^2.0.3",
|
||||||
|
"is-shared-array-buffer": "^1.0.4",
|
||||||
|
"is-string": "^1.1.1",
|
||||||
|
"is-typed-array": "^1.1.15",
|
||||||
|
"is-weakref": "^1.1.1",
|
||||||
|
"math-intrinsics": "^1.1.0",
|
||||||
|
"object-inspect": "^1.13.4",
|
||||||
|
"object-keys": "^1.1.1",
|
||||||
|
"object.assign": "^4.1.7",
|
||||||
|
"own-keys": "^1.0.1",
|
||||||
|
"regexp.prototype.flags": "^1.5.4",
|
||||||
|
"safe-array-concat": "^1.1.3",
|
||||||
|
"safe-push-apply": "^1.0.0",
|
||||||
|
"safe-regex-test": "^1.1.0",
|
||||||
|
"set-proto": "^1.0.0",
|
||||||
|
"stop-iteration-iterator": "^1.1.0",
|
||||||
|
"string.prototype.trim": "^1.2.10",
|
||||||
|
"string.prototype.trimend": "^1.0.9",
|
||||||
|
"string.prototype.trimstart": "^1.0.8",
|
||||||
|
"typed-array-buffer": "^1.0.3",
|
||||||
|
"typed-array-byte-length": "^1.0.3",
|
||||||
|
"typed-array-byte-offset": "^1.0.4",
|
||||||
|
"typed-array-length": "^1.0.7",
|
||||||
|
"unbox-primitive": "^1.1.0",
|
||||||
|
"which-typed-array": "^1.1.19"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/string.prototype.trimend": {
|
"node_modules/string.prototype.trimend": {
|
||||||
"version": "1.0.9",
|
"version": "1.0.9",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import Alert from '@mui/material/Alert'
|
import Alert from '@mui/material/Alert'
|
||||||
import Button from '@mui/material/Button'
|
import Button from '@mui/material/Button'
|
||||||
import Snackbar from '@mui/material/Snackbar'
|
import Snackbar from '@mui/material/Snackbar'
|
||||||
import { useNavigate } from 'react-router-dom'
|
|
||||||
import { useUnit } from 'effector-react'
|
import { useUnit } from 'effector-react'
|
||||||
|
import { useNavigate } from 'react-router-dom'
|
||||||
import { $cartSnackOpen, cartDismissed } from '@/shared/model/cart-notifications'
|
import { $cartSnackOpen, cartDismissed } from '@/shared/model/cart-notifications'
|
||||||
|
|
||||||
export function CartSnackbar() {
|
export function CartSnackbar() {
|
||||||
|
|||||||
@@ -1,19 +1,23 @@
|
|||||||
import { render, screen, fireEvent, act } from '@testing-library/react'
|
import { render, screen, fireEvent, act } from '@testing-library/react'
|
||||||
import { describe, it, expect, vi } from 'vitest'
|
import { MemoryRouter } from 'react-router-dom'
|
||||||
import { MemoryRouter, useLocation } from 'react-router-dom'
|
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
||||||
import { cartAdded, cartDismissed } from '@/shared/model/cart-notifications'
|
import { cartAdded, cartDismissed } from '@/shared/model/cart-notifications'
|
||||||
import { CartSnackbar } from '@/shared/ui/CartSnackbar'
|
import { CartSnackbar } from '@/shared/ui/CartSnackbar'
|
||||||
|
|
||||||
function LocationSpy() {
|
const navigateMock = vi.fn()
|
||||||
const location = useLocation()
|
|
||||||
;(window as any).__testLocation = location
|
vi.mock('react-router-dom', async (importOriginal) => {
|
||||||
return null
|
const mod = await importOriginal<typeof import('react-router-dom')>()
|
||||||
}
|
return { ...mod, useNavigate: () => navigateMock }
|
||||||
|
})
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
navigateMock.mockClear()
|
||||||
|
})
|
||||||
|
|
||||||
function renderWithRouter() {
|
function renderWithRouter() {
|
||||||
render(
|
render(
|
||||||
<MemoryRouter initialEntries={['/']}>
|
<MemoryRouter initialEntries={['/']}>
|
||||||
<LocationSpy />
|
|
||||||
<CartSnackbar />
|
<CartSnackbar />
|
||||||
</MemoryRouter>,
|
</MemoryRouter>,
|
||||||
)
|
)
|
||||||
@@ -55,9 +59,8 @@ describe('CartSnackbar', () => {
|
|||||||
it('navigates to /cart and closes on "Перейти в корзину" click', () => {
|
it('navigates to /cart and closes on "Перейти в корзину" click', () => {
|
||||||
renderWithRouter()
|
renderWithRouter()
|
||||||
cartAdded()
|
cartAdded()
|
||||||
const goBtn = screen.getByRole('button', { name: /перейти в корзину/i })
|
fireEvent.click(screen.getByRole('button', { name: /перейти в корзину/i }))
|
||||||
fireEvent.click(goBtn)
|
expect(navigateMock).toHaveBeenCalledWith('/cart')
|
||||||
expect((window as any).__testLocation.pathname).toBe('/cart')
|
|
||||||
expect(screen.queryByText(/товар добавлен/i)).not.toBeInTheDocument()
|
expect(screen.queryByText(/товар добавлен/i)).not.toBeInTheDocument()
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user