Skip to content

Latest commit

 

History

History
70 lines (55 loc) · 2.09 KB

README.md

File metadata and controls

70 lines (55 loc) · 2.09 KB
Raw

antd-form-fields

From this package you can import all basic form fields components and also wrappers for regression testing using cypress framework.

Implementation

First you need to install the module as dev dependency into your project.

npm install --save-dev GoodRequest/antd-form-fields

Form fileds

This is all types of form fields which module contains

  • CheckboxField, CheckboxGroupField, RadioGroupField
  • DateField, DateRangeField, DateRangePickerField, TimeField, TimeRangeField
  • FileUploadField, ImdUploadField
  • InputField, InputMaskedField, InputNumberField, InputPasswordField, TextareaField
  • SwitchField, ToggleField
  • SelectField
Usage

Import form field in component where you want to use it.

import { InputField } from 'antd-form-fields'

Cypress commands

Type Selector
API Authentication with access and refresh token cy.apiAuth()
InputField cy.setInputValue()
SelectField cy.selectOptionDropdown(), cy.clearDropdownSelection()
SelectField with search cy.setSearchBoxValueAndSelectFirstOption()
FileUploadField, ImdUploadField cy.uploadFile()
Button cy.clickButton ()
DeleteButton cy.clickDeleteButtonWithConf()
Check success toast message cy.checkSuccessToastMessage()
CheckboxField, CheckboxGroupField, RadioGroupField cy.checkFirstCheckBox()
Usage

If you want to use form fields selector for cypress tests you need import package and initialize method to cypress/support/commands.ts file

import 'antd-form-fields'
import initializeCustomCommands from 'antd-form-fields/dist/commands/cypressCommands'

initializeCustomCommands()

Development

storybook needs as a dependency react and react dom.

npm run set-local-development

dont forgot to unset after you done

npm run unset-local-development

Run storybook to check form fields.

npm run storybook

Building for source

For production release:

npm run build

Tailwind-styles

Tailwind styles are set though variables in consumer (+ only in form), which is why they will not be applied in storybook.