@descope/flow-components 2.0.39 → 2.0.40

package/test/input.test.tsx

@@ -1,82 +0,0 @@
-/* eslint-disable testing-library/no-container */
-/* eslint-disable testing-library/no-node-access */
-import { render } from '@testing-library/react';
-import React from 'react';
-import { Input } from '../src';
-
-describe('Input', () => {
-	it('rendered with default props', () => {
-		const { container } = render(<Input />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('rendered with label', () => {
-		const { container } = render(<Input label="label" />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('rendered with label and required', () => {
-		const { container } = render(<Input label="label" required />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('rendered with fullWidth', () => {
-		const { container } = render(<Input fullWidth />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('rendered with name', () => {
-		const { container } = render(<Input name="name" />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('rendered with className', () => {
-		const { container } = render(<Input className="className" />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('rendered with custom error attributes', () => {
-		const { container } = render(
-			<Input
-				data-errormessage-pattern-mismatch="pattern"
-				data-errormessage-value-missing="missing"
-			/>
-		);
-		expect(container).toMatchSnapshot();
-	});
-
-	it.skip('should apply render single icon', () => {
-		const { container } = render(<Input endIcons={['github']} />);
-		const icon = container.querySelector('[data-icon]') as HTMLElement;
-		expect(icon).toBeInTheDocument();
-	});
-
-	it.skip('should apply render multiple icon', () => {
-		const { container } = render(<Input endIcons={['github', 'discord']} />);
-		const icon = container.querySelectorAll('[data-icon]');
-		const discordIcon = container.querySelector('[data-icon="discord"]');
-		const githubIcon = container.querySelector('[data-icon="github"]');
-		expect(icon).toHaveLength(2);
-		expect(discordIcon).toBeInTheDocument();
-		expect(githubIcon).toBeInTheDocument();
-	});
-
-	it('rendered with custom scripts', () => {
-		global.process.env.SSR = 'true';
-
-		const spyToString = jest.spyOn(Function.prototype, 'toString');
-
-		spyToString.mockReturnValue(
-			(() => {
-				const x = 1 + 1;
-
-				return x;
-			}).toString()
-		);
-
-		const { container } = render(<Input />);
-		expect(container).toMatchSnapshot();
-
-		spyToString.mockRestore();
-	});
-});

package/test/inputHelpers.test.tsx

@@ -1,58 +0,0 @@
-import { render } from '@testing-library/react';
-import React from 'react';
-import { handleCustomValidationMessages } from '../src/inputHelpers';
-
-const Input = (props) => (
-	<div>
-		<input {...props} className="descope-input" />
-	</div>
-);
-
-describe('inputHelpers', () => {
-	describe('handleCustomValidationMessages', () => {
-		describe('required', () => {
-			it('should report correct error message when checking validity', () => {
-				const { container } = render(
-					<Input required data-errormessage-value-missing="missing" />
-				);
-				handleCustomValidationMessages.bind(container)();
-
-				// eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
-				const inputEle = container.querySelector('input');
-				const spy = jest.spyOn(inputEle, 'setCustomValidity');
-				inputEle.checkValidity();
-
-				expect(spy).toHaveBeenCalledWith('missing');
-			});
-		});
-
-		describe('pattern', () => {
-			it('should report correct error message when checking validity', () => {
-				const { container } = render(
-					<Input
-						pattern="\\d{6}"
-						data-errormessage-pattern-mismatch="pattern"
-					/>
-				);
-				handleCustomValidationMessages.bind(container)();
-
-				// eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
-				const inputEle = container.querySelector('input');
-				inputEle.value = '1';
-				const spy = jest.spyOn(inputEle, 'setCustomValidity');
-				inputEle.checkValidity();
-
-				expect(spy).toHaveBeenCalledWith('pattern');
-			});
-
-			it('should not throw if not bound', () => {
-				handleCustomValidationMessages();
-			});
-
-			it('should not throw if no input found', () => {
-				const { container } = render(<div />);
-				handleCustomValidationMessages.bind(container)();
-			});
-		});
-	});
-});

package/test/link.test.tsx

@@ -1,71 +0,0 @@
-/* eslint-disable jsx-a11y/anchor-is-valid */
-import { render, screen } from '@testing-library/react';
-import React from 'react';
-import { Link } from '../src';
-
-describe('Link', () => {
-	it('rendered with default props', () => {
-		render(<Link>Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered with size', () => {
-		render(<Link size="9xl">Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered with fontWeight', () => {
-		render(<Link fontWeight="black">Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered with fontFamily', () => {
-		render(<Link fontFamily="mono">Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered with align', () => {
-		render(<Link align="end">Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered with italic', () => {
-		render(<Link italic>Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered with fullWidth', () => {
-		render(<Link fullWidth>Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered with color', () => {
-		render(<Link color="primary">Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered without hover', () => {
-		render(<Link hover={false}>Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered with href', () => {
-		render(<Link href="http://a.com">Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered with target', () => {
-		render(<Link target="_blank">Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered with custom className', () => {
-		render(<Link className="kuku">Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-
-	it('rendered with custom typography', () => {
-		render(<Link typography="body1">Link</Link>);
-		expect(screen.getByText('Link')).toMatchSnapshot();
-	});
-});

package/test/loader.test.tsx

@@ -1,25 +0,0 @@
-import { render } from '@testing-library/react';
-import React from 'react';
-import { Loader } from '../src';
-
-describe('Logo', () => {
-	it('rendered with default props', () => {
-		const { container } = render(<Loader />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('rendered with color prop', () => {
-		const { container } = render(<Loader color="secondary" />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('rendered with size prop', () => {
-		const { container } = render(<Loader size="xs" />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('rendered with variant prop', () => {
-		const { container } = render(<Loader variant="radial" />);
-		expect(container).toMatchSnapshot();
-	});
-});

package/test/logo.test.tsx

@@ -1,10 +0,0 @@
-import { render } from '@testing-library/react';
-import React from 'react';
-import { Logo } from '../src';
-
-describe('Logo', () => {
-	it('rendered with default props', () => {
-		const { container } = render(<Logo />);
-		expect(container).toMatchSnapshot();
-	});
-});

package/test/newPassword.test.tsx

@@ -1,132 +0,0 @@
-/* eslint-disable testing-library/no-container */
-/* eslint-disable testing-library/no-node-access */
-import { fireEvent, render } from '@testing-library/react';
-import React from 'react';
-import { NewPassword } from '../src';
-
-const defaultProps = {
-	passwordInputProps: { label: 'Password', placeholder: 'enter password' },
-	confirmInputProps: {
-		label: 'Confirm Password',
-		placeholder: 'confirm password'
-	},
-	isConfirm: false
-};
-
-describe.skip('Password Confirm', () => {
-	it('should render a single input with default props', () => {
-		const { container } = render(<NewPassword {...defaultProps} />);
-		expect(container).toMatchSnapshot();
-		expect(container.querySelectorAll('input')).toHaveLength(1);
-	});
-
-	it('should render with confirmation input', () => {
-		const { container } = render(<NewPassword {...defaultProps} isConfirm />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('should render with type password', () => {
-		const { container } = render(<NewPassword {...defaultProps} />);
-		const input = container.querySelector('input');
-		expect(input).toHaveAttribute('type', 'password');
-	});
-
-	it('should toggle validation error on value mismatch', () => {
-		const { container } = render(
-			<form>
-				<NewPassword {...defaultProps} isConfirm />
-				<button type="submit">submit</button>
-			</form>
-		);
-
-		const source = container.querySelector('input[data-testid="primary"]');
-		const target = container.querySelector('input[data-testid="secondary"]');
-
-		expect(
-			container.querySelector('input[data-testid="secondary"][pattern]')
-		).not.toBeInTheDocument();
-
-		fireEvent.change(source, { target: { value: 'mismatch' } });
-		fireEvent.keyUp(source);
-
-		fireEvent.change(target, { target: { value: 'password' } });
-		fireEvent.keyUp(target);
-
-		expect(
-			container.querySelector('[data-testid="secondary"][pattern="mismatch"]')
-		).toBeInTheDocument();
-
-		expect(target).toBeInvalid();
-	});
-
-	it('should clean pattern', () => {
-		const { container } = render(
-			<form>
-				<NewPassword {...defaultProps} isConfirm />
-				<button type="submit">submit</button>
-			</form>
-		);
-
-		const source = container.querySelector('input[data-testid="primary"]');
-		const target = container.querySelector('input[data-testid="secondary"]');
-
-		fireEvent.change(source, { target: { value: 'mismatch' } });
-		fireEvent.keyUp(source);
-
-		fireEvent.change(target, { target: { value: 'password' } });
-		fireEvent.keyUp(target);
-
-		expect(
-			container.querySelector('[data-testid="secondary"][pattern="mismatch"]')
-		).toBeInTheDocument();
-
-		fireEvent.change(source, { target: { value: '' } });
-		fireEvent.keyUp(source);
-
-		expect(
-			container.querySelector('[data-testid="secondary"]')
-		).not.toHaveAttribute('pattern');
-	});
-
-	it('should render with custom scripts', () => {
-		global.process.env.SSR = 'true';
-
-		const spyToString = jest.spyOn(Function.prototype, 'toString');
-
-		spyToString.mockReturnValue(
-			(() => {
-				const x = 1 + 1;
-				return x;
-			}).toString()
-		);
-
-		const { container } = render(<NewPassword {...defaultProps} />);
-		expect(container).toMatchSnapshot();
-
-		spyToString.mockRestore();
-	});
-
-	it('should escape regexp', () => {
-		const onSubmit = jest.fn((e) => e.preventDefault());
-
-		const { container } = render(
-			<form onSubmit={onSubmit}>
-				<NewPassword {...defaultProps} isConfirm />
-				<button type="submit">submit</button>
-			</form>
-		);
-
-		const source = container.querySelector('input[data-testid="primary"]');
-		const target = container.querySelector('input[data-testid="secondary"]');
-
-		fireEvent.change(source, { target: { value: 'q1#w%2e&3*R$' } });
-		fireEvent.keyUp(source);
-
-		fireEvent.change(target, { target: { value: 'q1#w%2e&3*R$' } });
-		fireEvent.keyUp(target);
-
-		fireEvent.click(container.querySelector('button'));
-
-		expect(container.querySelector('[data-testid="secondary"]')).toBeValid();
-	});
-});

package/test/numeric-input.test.tsx

@@ -1,114 +0,0 @@
-/* eslint-disable testing-library/no-container */
-/* eslint-disable testing-library/no-node-access */
-import { fireEvent, render } from '@testing-library/react';
-import React from 'react';
-import { Input } from '../src';
-
-describe.skip('Number Input', () => {
-	it('should render with default props', () => {
-		const { container } = render(<Input type="number" />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('should render with type number', () => {
-		const { container } = render(<Input type="number" />);
-		const input = container.querySelector('input');
-		expect(input).toHaveAttribute('type', 'number');
-	});
-
-	it('should allow number input', () => {
-		const { container } = render(<Input type="number" />);
-		const input = container.querySelector('input');
-
-		fireEvent.change(input, { target: { value: 123 } });
-		expect(input.value).toEqual('123');
-	});
-
-	it('should not allow exponential symbol in number input', () => {
-		const { container } = render(<Input type="number" />);
-		const input = container.querySelector('input');
-
-		const preventDefaultSpy = jest.spyOn(Event.prototype, 'preventDefault');
-
-		input.dispatchEvent(new KeyboardEvent('keypress', { key: 'e' }));
-		expect(input.value).toEqual('');
-		expect(preventDefaultSpy).toHaveBeenCalledTimes(1);
-
-		input.dispatchEvent(new KeyboardEvent('keypress', { key: 'E' }));
-		expect(input.value).toEqual('');
-		expect(preventDefaultSpy).toHaveBeenCalledTimes(2);
-	});
-
-	it('should allow minus symbol in number input', () => {
-		const { container } = render(<Input type="number" />);
-		const input = container.querySelector('input');
-
-		fireEvent.change(input, { target: { value: -1 } });
-		expect(input.value).toEqual('-1');
-	});
-
-	it('should not have change value when only minus symbol is submitted', () => {
-		const { container } = render(<Input type="number" />);
-		const input = container.querySelector('input');
-
-		fireEvent.change(input, { target: { value: '-' } });
-		expect(input.value).toEqual('');
-	});
-
-	it('should not allow float value by default', () => {
-		const onSubmit = jest.fn((e) => e.preventDefault());
-
-		const { container } = render(
-			<form onSubmit={onSubmit}>
-				<Input type="number" />
-				<button type="submit">submit</button>
-			</form>
-		);
-		const input = container.querySelector('input');
-
-		expect(input).not.toHaveAttribute('step', 'any');
-
-		fireEvent.change(input, { target: { value: 3.2 } });
-
-		fireEvent.click(container.querySelector('button[type="submit"]'));
-		expect(input).not.toBeValid();
-	});
-
-	it('should allow float value', () => {
-		const onSubmit = jest.fn((e) => e.preventDefault());
-
-		const { container } = render(
-			<form onSubmit={onSubmit}>
-				<Input type="number" step="any" />
-				<button type="submit">submit</button>
-			</form>
-		);
-		const input = container.querySelector('input');
-
-		expect(input).toHaveAttribute('step', 'any');
-
-		fireEvent.change(input, { target: { value: 3.2 } });
-		expect(input.value).toEqual('3.2');
-
-		fireEvent.click(container.querySelector('button[type="submit"]'));
-		expect(input).toBeValid();
-	});
-
-	it('rendered with custom scripts', () => {
-		global.process.env.SSR = 'true';
-
-		const spyToString = jest.spyOn(Function.prototype, 'toString');
-
-		spyToString.mockReturnValue(
-			(() => {
-				const x = 1 + 1;
-				return x;
-			}).toString()
-		);
-
-		const { container } = render(<Input type="number" />);
-		expect(container).toMatchSnapshot();
-
-		spyToString.mockRestore();
-	});
-});

package/test/password.test.tsx

@@ -1,55 +0,0 @@
-/* eslint-disable testing-library/no-container */
-/* eslint-disable testing-library/no-node-access */
-import { fireEvent, render } from '@testing-library/react';
-import React from 'react';
-import { PasswordField } from '../src';
-
-describe.skip('Password', () => {
-	it('should render with default props', () => {
-		const { container } = render(<PasswordField />);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('should render with toggle on/off icons', () => {
-		const { container } = render(
-			<PasswordField endIcons={['inputVisible', 'inputHidden']} />
-		);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('should render with type password', () => {
-		const { container } = render(<PasswordField />);
-		const input = container.querySelector('input');
-		expect(input).toHaveAttribute('type', 'password');
-	});
-
-	it('should toggle password visibility', () => {
-		const { container } = render(<PasswordField />);
-		const input = container.querySelector('input');
-		const svg = container.querySelector('svg');
-
-		fireEvent.click(svg);
-		expect(input).toHaveAttribute('type', 'text');
-
-		fireEvent.click(svg);
-		expect(input).toHaveAttribute('type', 'password');
-	});
-
-	it('rendered with custom scripts', () => {
-		global.process.env.SSR = 'true';
-
-		const spyToString = jest.spyOn(Function.prototype, 'toString');
-
-		spyToString.mockReturnValue(
-			(() => {
-				const x = 1 + 1;
-				return x;
-			}).toString()
-		);
-
-		const { container } = render(<PasswordField />);
-		expect(container).toMatchSnapshot();
-
-		spyToString.mockRestore();
-	});
-});