PromucFlow_constructor/app/client/cypress/support/Pages
Valera Melnikov 8be4936ca0
chore: add color validation + native color picker (#25355)
## Description
1. Reduced the number of default colors. Because the amount of suggested
options was too much: very little difference between shades and
sometimes with hues too. By removing half of them, we allow builders
make better choices faster. The transparent color has also been removed.
2. Added validation of color values because HTML colors are remarkably
easy to get wrong, because they allow so many different values and now
we support and validate all these guys
    - `hex` - `#bada55`
    - `name` - `LightGoldenrodYellow`
    - `special name` - `currentColor`
    - `rgb` - `rgb(0 0 0)`
    - `rgba` - `rgba(0, 0, 0, .45)`
    - `hsl` - `hsl(4.71239rad, 60%, 70%)`
    - `hsla` - `hsla(180deg 100% 50% / .8)`
    - `hwb` - `hwb(180deg 0% 0% / 100%)`
    - `lab` - `lab(2000.1337% -8.6911 -159.131231 / .987189732)`
    - `lch` - `lch(54.292% 106.839 40.853)`
<img width="283" alt="Снимок экрана 2023-08-02 в 17 58 07"
src="https://github.com/appsmithorg/appsmith/assets/11555074/a8fef365-506d-432e-85ad-cdb550de1f60">
    
3. Added support for a Full color picker. Now we can easily switch
between modes and builders can easily choose any colors.
<img width="259" alt="Снимок экрана 2023-08-02 в 17 43 34"
src="https://github.com/appsmithorg/appsmith/assets/11555074/be09cd92-7c69-43eb-812a-0b1fe3ac9ef6">


#### PR fixes following issue(s)
Fixes  #22996

#### Media

https://www.loom.com/share/098e0116e49744e7b10689d4a18ab664?sid=15405577-160e-4b48-bfef-bc8dcfa97efe

#### Type of change
- New feature (non-breaking change which adds functionality)

## Testing
>
#### How Has This Been Tested?
> Please describe the tests that you ran to verify your changes. Also
list any relevant details for your test configuration.
> Delete anything that is not relevant
- [x] Manual
- [x] Jest
- [x] Cypress

## Checklist:
#### Dev activity
- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my own code
- [x] I have commented my code, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [x] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] PR is being merged under a feature flag


#### QA activity:
- [ ] [Speedbreak
features](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#speedbreakers-)
have been covered
- [ ] Test plan covers all impacted features and [areas of
interest](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#areas-of-interest-)
- [ ] Test plan has been peer reviewed by project stakeholders and other
QA members
- [ ] Manually tested functionality on DP
- [ ] We had an implementation alignment call with stakeholders post QA
Round 2
- [ ] Cypress test cases have been added and approved by SDET/manual QA
- [ ] Added `Test Plan Approved` label after Cypress tests were reviewed
- [ ] Added `Test Plan Approved` label after JUnit tests were reviewed

---------

Co-authored-by: Valera Melnikov <melnikov.vv@greendatasoft.ru>
2023-08-07 11:55:10 +03:00
..
AppSettings chore: add color validation + native color picker (#25355) 2023-08-07 11:55:10 +03:00
AdminSettings.ts test: Cypress - changed access specifiers of _adminSettingsBtn (#25731) 2023-07-26 17:03:47 +05:30
AggregateHelper.ts test: cypress - updated tests for List page js to ts migration (#25409) 2023-08-04 00:55:03 +05:30
ApiPage.ts test: Cypress | Flaky fixes (#25901) 2023-08-02 03:44:56 +05:30
AssertHelper.ts test: Cypress | Flaky Fixes (#25217) 2023-07-11 10:44:13 +05:30
AutoLayout.ts fix: Remove Auto layout feature flag dependency. (#24947) 2023-07-03 12:03:27 +05:30
DataSources.ts test: Cypress | CI Stabilize (#26000) 2023-08-04 09:16:59 +05:30
DebuggerHelper.ts feat: debugger error navigation (#25505) 2023-08-01 09:32:41 +05:30
DeployModeHelper.ts test: Cypress | Automated tests for MySQL + Flaky fixes (#25867) 2023-08-01 15:04:15 +05:30
EntityExplorer.ts test: Cypress | Flaky fixes (#25901) 2023-08-02 03:44:56 +05:30
FakerHelper.ts chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
GitSync.ts test: cypress - updated tests for List page js to ts migration (#25409) 2023-08-04 00:55:03 +05:30
GSheetHelper.ts test: Gsheet Automation (#25255) 2023-07-26 18:56:24 +05:30
HomePage.ts test: Cypress | Flaky fixes (#25691) 2023-07-25 17:57:16 +05:30
InviteModal.ts feat: in-app ramps for private embed feature (#24507) 2023-06-21 13:39:14 +05:30
JSEditor.ts test: Cypress | Flaky fixes (#24673) 2023-06-21 00:54:18 +05:30
LibraryInstaller.ts test: Cypress | Cy 12 upgrade + Flaky fixes (#23852) 2023-06-15 18:51:11 +05:30
Onboarding.ts test: Cypress | Flaky Fixes (#25217) 2023-07-11 10:44:13 +05:30
PeekOverlay.ts feat: peek overlay nested properties + perf improvements (#23414) 2023-05-26 17:12:10 +05:30
PropertyPane.ts test: cypress - updated tests for List page js to ts migration (#25409) 2023-08-04 00:55:03 +05:30
Table.ts test: cypress - updated tests for List page js to ts migration (#25409) 2023-08-04 00:55:03 +05:30
Tabs.ts chore: add cypress tests for auto height scenarios (#23616) 2023-07-10 10:02:42 +05:30
Templates.ts test: Cypress - Flaky Fix (#25795) 2023-07-31 19:42:42 +05:30