Selective Variable Submission in Screens

[rodriquelca]

Solution

• Selective Variable Submission in Screens was imprroved

How to Test

• Create a screen
• Add a submit button
• Select submit button
• Go to advanced
• Enable Submit Information
• Select the variables

Related Tickets & Packages

• Link to any related FOUR tickets, PRDs, or packages

Code Review Checklist

• I have pulled this code locally and tested it on my instance, along with any associated packages.
• This code adheres to ProcessMaker Coding Guidelines.
• This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
• This solution fixes the bug reported in the original ticket.
• This solution does not alter the expected output of a component in a way that would break existing Processes.
• This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
• This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
• This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
• This ticket conforms to the PRD associated with this part of ProcessMaker.

---

Note

Adds a submit-button UI to select variables to send and a filtering mixin that narrows submission payloads to those variables (preserving system vars), with tests and tooling updates.

• Selective submission UI
  • Add VariablesToSubmit inspector component (src/components/inspector/variables-to-submit.vue) and export in inspector/index.js.
  • Expose property in advanced settings (src/components/accordions.js) and wire in form builder controls (src/form-builder-controls.js).
  • FormButton now includes config.variablesToSubmit in emitted buttonInfo (src/components/renderer/form-button.vue).
• Submit flow filtering
  • New mixin VariablesToSubmitFilter (src/mixins/VariablesToSubmitFilter.js) filters data to selected variables and always preserves system keys (_...).
  • Apply mixin in ScreenBase, VueFormRenderer, and Json2Vue; submitForm now emits filtered eventData instead of full model.
  • task.vue ensures non-null formData and passes it through on submit.
• Stories/Tests
  • Add Storybook stories for VariablesToSubmit (src/stories/VariablesToSubmit.stories.js).
  • Add unit tests for filtering logic (tests/unit/VariablesToSubmit.spec.js).
• Tooling
  • package.json: add Jest scripts and deps (babel-jest, vue-jest, jest-*).

^{Written by Cursor Bugbot for commit 570d9b5. This will update automatically on new commits. Configure here.}

[cypress]

screen-builder    Run #2125

Run Properties:   Failed #2125  •  303587025c: Selective Variable Submission in Screens

Project	screen-builder
Branch Review	feature/FOUR-27781
Run status	Failed #2125
Run duration	15m 31s
Commit	303587025c: Selective Variable Submission in Screens
Committer	Rodrigo Quelca
View all properties for this run ↗︎

---

Test results
Failures	3
Flaky	0
Pending	19
Skipped	0
Passing	386
View all changes introduced in this branch ↗︎

---

Tests for review

  FormTextArea.spec.js • 2 failed tests • CI - Chrome

View Output

Test		Artifacts
Form Text Area Field > Aria Label		Test Replay Screenshots
Form Text Area Field > Tab Order		Test Replay Screenshots

  Task.spec.js • 1 failed test • CI - Chrome

View Output

Test		Artifacts
Task component > Subprocess without pending task should redirect to parent request		Test Replay Screenshots

[processmaker-sonarqube]

Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarQube