mirror of
https://github.com/langgenius/dify.git
synced 2026-05-13 08:57:28 +08:00
0e320290e1
Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: jyong <718720800@qq.com> Co-authored-by: Yansong Zhang <916125788@qq.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: hj24 <mambahj24@gmail.com> Co-authored-by: hj24 <huangjian@dify.ai> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: Stephen Zhou <38493346+hyoban@users.noreply.github.com> Co-authored-by: CodingOnStar <hanxujiang@dify.com> Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: 非法操作 <hjlarry@163.com> Co-authored-by: Ayush Baluni <73417844+aayushbaluni@users.noreply.github.com> Co-authored-by: yyh <92089059+lyzno1@users.noreply.github.com> Co-authored-by: jimcody1995 <jjimcody@gmail.com> Co-authored-by: James <63717587+jamesrayammons@users.noreply.github.com> Co-authored-by: Yunlu Wen <yunlu.wen@dify.ai> Co-authored-by: Stephen Zhou <hi@hyoban.cc> Co-authored-by: Coding On Star <447357187@qq.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: jerryzai <jerryzh8710@protonmail.com> Co-authored-by: NVIDIAN <speedy.hpc@hotmail.com> Co-authored-by: ai-hpc <ai-hpc@users.noreply.github.com> Co-authored-by: Asuka Minato <i@asukaminato.eu.org> Co-authored-by: Junghwan <70629228+shaun0927@users.noreply.github.com> Co-authored-by: HeYinKazune <70251095+HeYin-OS@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: yyh <yuanyouhuilyz@gmail.com> Co-authored-by: Jingyi <jingyi.qi@dify.ai> Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com> Co-authored-by: sxxtony <166789813+sxxtony@users.noreply.github.com>
58 lines
1.9 KiB
TypeScript
58 lines
1.9 KiB
TypeScript
import { render } from '@testing-library/react'
|
|
import CustomEdgeLinearGradientRender from '../custom-edge-linear-gradient-render'
|
|
|
|
describe('CustomEdgeLinearGradientRender', () => {
|
|
it('should render gradient definition with the provided id and positions', () => {
|
|
const { container } = render(
|
|
<svg>
|
|
<CustomEdgeLinearGradientRender
|
|
id="edge-gradient"
|
|
startColor="#123456"
|
|
stopColor="#abcdef"
|
|
position={{
|
|
x1: 10,
|
|
y1: 20,
|
|
x2: 30,
|
|
y2: 40,
|
|
}}
|
|
/>
|
|
</svg>,
|
|
)
|
|
|
|
const gradient = container.querySelector('linearGradient')
|
|
expect(gradient)!.toHaveAttribute('id', 'edge-gradient')
|
|
expect(gradient)!.toHaveAttribute('gradientUnits', 'userSpaceOnUse')
|
|
expect(gradient)!.toHaveAttribute('x1', '10')
|
|
expect(gradient)!.toHaveAttribute('y1', '20')
|
|
expect(gradient)!.toHaveAttribute('x2', '30')
|
|
expect(gradient)!.toHaveAttribute('y2', '40')
|
|
})
|
|
|
|
it('should render start and stop colors at both ends of the gradient', () => {
|
|
const { container } = render(
|
|
<svg>
|
|
<CustomEdgeLinearGradientRender
|
|
id="gradient-colors"
|
|
startColor="#111111"
|
|
stopColor="#222222"
|
|
position={{
|
|
x1: 0,
|
|
y1: 0,
|
|
x2: 100,
|
|
y2: 100,
|
|
}}
|
|
/>
|
|
</svg>,
|
|
)
|
|
|
|
const stops = container.querySelectorAll('stop')
|
|
expect(stops).toHaveLength(2)
|
|
expect(stops[0])!.toHaveAttribute('offset', '0%')
|
|
expect(stops[0]!.getAttribute('style')).toContain('stop-color: #111111')
|
|
expect(stops[0]!.getAttribute('style')).toContain('stop-opacity: 1')
|
|
expect(stops[1])!.toHaveAttribute('offset', '100%')
|
|
expect(stops[1]!.getAttribute('style')).toContain('stop-color: #222222')
|
|
expect(stops[1]!.getAttribute('style')).toContain('stop-opacity: 1')
|
|
})
|
|
})
|