2022-01-21 13:43:27 +01:00
|
|
|
import filterTests from "../support/filterTests"
|
2021-09-27 19:19:25 +02:00
|
|
|
|
2022-01-21 13:43:27 +01:00
|
|
|
filterTests(['all'], () => {
|
2022-02-09 15:17:03 +01:00
|
|
|
xcontext("Add Radio Buttons", () => {
|
2022-01-21 13:43:27 +01:00
|
|
|
before(() => {
|
|
|
|
cy.login()
|
|
|
|
cy.createTestApp()
|
2021-09-27 19:19:25 +02:00
|
|
|
})
|
2022-01-21 13:43:27 +01:00
|
|
|
|
|
|
|
it("should add Radio Buttons options picker on form, add data, and confirm", () => {
|
|
|
|
cy.navigateToFrontend()
|
|
|
|
cy.addComponent("Form", "Form")
|
|
|
|
cy.addComponent("Form", "Options Picker").then((componentId) => {
|
|
|
|
// Provide field setting
|
|
|
|
cy.get(`[data-cy="field-prop-control"]`).type("1")
|
|
|
|
// Open dropdown and select Radio buttons
|
|
|
|
cy.get(`[data-cy="optionsType-prop-control"]`).click().then(() => {
|
|
|
|
cy.get('.spectrum-Popover').contains('Radio buttons')
|
2021-09-27 19:19:25 +02:00
|
|
|
.wait(500)
|
|
|
|
.click()
|
2022-01-21 13:43:27 +01:00
|
|
|
})
|
|
|
|
const radioButtonsTotal = 3
|
|
|
|
// Add values and confirm total
|
|
|
|
addRadioButtonData(radioButtonsTotal)
|
|
|
|
cy.getComponent(componentId).find('[type="radio"]')
|
|
|
|
.should('have.length', radioButtonsTotal)
|
|
|
|
})
|
2021-09-27 19:19:25 +02:00
|
|
|
})
|
2022-01-21 13:43:27 +01:00
|
|
|
|
|
|
|
const addRadioButtonData = (totalRadioButtons) => {
|
|
|
|
cy.get(`[data-cy="optionsSource-prop-control"]`).click().then(() => {
|
|
|
|
cy.get('.spectrum-Popover').contains('Custom')
|
|
|
|
.wait(500)
|
|
|
|
.click()
|
|
|
|
})
|
|
|
|
cy.addCustomSourceOptions(totalRadioButtons)
|
|
|
|
}
|
|
|
|
})
|
2021-09-27 19:19:25 +02:00
|
|
|
})
|