|
|
@ -19,10 +19,10 @@ describe('PasswordField', () => { |
|
|
|
test('User can toggle between plain text view and password view', async () => { |
|
|
|
test('User can toggle between plain text view and password view', async () => { |
|
|
|
const { getByTestId } = render(<PasswordField data-testid="test-id" value="test-value" />) |
|
|
|
const { getByTestId } = render(<PasswordField data-testid="test-id" value="test-value" />) |
|
|
|
const user = userEvent.setup(); |
|
|
|
const user = userEvent.setup(); |
|
|
|
expect(getByTestId("password-text-indicator").textContent).toBe('😸'); |
|
|
|
expect(getByTestId("password-text-indicator").textContent).toBe('👁️🗨️'); |
|
|
|
await user.click(getByTestId('toggle-view-password-btn')); |
|
|
|
await user.click(getByTestId('toggle-view-password-btn')); |
|
|
|
expect(getByTestId("plain-text-indicator").textContent).toBe('🙀'); |
|
|
|
expect(getByTestId("plain-text-indicator").textContent).toBe('👁️'); |
|
|
|
await user.click(getByTestId('toggle-view-password-btn')); |
|
|
|
await user.click(getByTestId('toggle-view-password-btn')); |
|
|
|
expect(getByTestId("password-text-indicator").textContent).toBe('😸'); |
|
|
|
expect(getByTestId("password-text-indicator").textContent).toBe('👁️🗨️'); |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |