PromucFlow_constructor/app/client/cypress/e2e/Regression/ClientSide
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
..
ActionExecution test: cypress - updated tests for List page js to ts migration (#25409) 2023-08-04 00:55:03 +05:30
AdminSettings test: Cypress - Flaky Fix (#25937) 2023-08-03 12:42:30 +05:30
AppNavigation test: cypress - js to ts migration for AppNavigation (#25188) 2023-07-19 14:35:31 +05:30
AuditLogs chore: Optimising the code for admin settings page (#25404) 2023-07-18 15:18:48 +05:30
Autocomplete test: Cypress | Flaky fixes (#25901) 2023-08-02 03:44:56 +05:30
Binding feat/Replace fusion charts with Echarts (#24249) 2023-07-28 18:59:16 +05:30
Branding test: Cypress version upgrade Cy 11.2 + Flaky fixes (#23667) 2023-05-24 18:00:39 +05:30
BugTests test: Cypress | CI Stabilize (#26000) 2023-08-04 09:16:59 +05:30
CodeComment test: Cypress | Simplifying AddDsl method (#24991) 2023-07-04 22:03:31 +05:30
Debugger fix: Cypress test for widget sidebar in Airgap (#25900) 2023-08-01 17:56:29 +05:30
DynamicHeight test: cypress - updated tests for List page js to ts migration (#25409) 2023-08-04 00:55:03 +05:30
Editor fix: excluding intercom test cases for airgap (#23974) 2023-06-02 12:10:49 +05:30
EmbedSettings test: Cypress | Flaky fixes (#24925) 2023-07-01 00:16:57 +05:30
ExplorerTests chore: add color validation + native color picker (#25355) 2023-08-07 11:55:10 +03:00
Fork test: Cypress | Flaky fixes (#25691) 2023-07-25 17:57:16 +05:30
FormLogin test: Cypress | Folder structure correction (#23568) 2023-05-21 02:01:50 +05:30
FormNativeToRawTests test: Gsheet Automation (#25255) 2023-07-26 18:56:24 +05:30
Git test: Cypress - Bug 23822 Automation (#25784) 2023-08-04 18:22:35 +05:30
Github test: Cypress | Folder structure correction (#23568) 2023-05-21 02:01:50 +05:30
Google test: Cypress | Folder structure correction (#23568) 2023-05-21 02:01:50 +05:30
IDE test: Cypress - Flaky Fix (#25979) 2023-08-03 23:54:36 +05:30
JSLibrary chore: Add bcryptjs to list of recommended libraries (#25456) 2023-07-19 19:22:48 +05:30
JSObject test: Cypress version upgrade Cy 11.2 + Flaky fixes (#23667) 2023-05-24 18:00:39 +05:30
Linting chore: code splitting for multiple env feature (#25479) 2023-07-21 12:53:17 +07:00
MobileResponsiveTests test: Cypress | Automated tests for MySQL + Flaky fixes (#25867) 2023-08-01 15:04:15 +05:30
Onboarding test: Cypress - Flaky fix (#25451) 2023-07-20 18:45:27 +05:30
OneClickBinding chore: Miscellaneous one click binding updates (#24957) 2023-07-20 11:52:20 +05:30
OtherUIFeatures chore: add color validation + native color picker (#25355) 2023-08-07 11:55:10 +03:00
PeekOverlay chore: code splitting for multiple env feature (#25479) 2023-07-21 12:53:17 +07:00
Performance feat: Improve Linting performance (#23865) 2023-07-05 14:34:03 +01:00
ProductRamps feat: in-app ramps for private embed feature (#24507) 2023-06-21 13:39:14 +05:30
PropertyPane test: Cypress | Simplifying AddDsl method (#24991) 2023-07-04 22:03:31 +05:30
PublishedApps chore: code splitting for multiple env feature (#25479) 2023-07-21 12:53:17 +07:00
Refactoring chore: code splitting for multiple env feature (#25479) 2023-07-21 12:53:17 +07:00
SettingsPane chore: Refactors hide embed share setting flag. (#25284) 2023-07-12 19:19:49 +05:30
Templates feat: templates ui ux updates (#25472) 2023-07-24 16:30:41 +05:30
ThemingTests chore: add color validation + native color picker (#25355) 2023-08-07 11:55:10 +03:00
UserProfile test: Cypress version upgrade Cy 11.2 + Flaky fixes (#23667) 2023-05-24 18:00:39 +05:30
VisualTests test: Cypress | Automated cases for MongoURI CRUD (#25837) 2023-07-31 16:57:07 +05:30
Widgets chore: add color validation + native color picker (#25355) 2023-08-07 11:55:10 +03:00
Workspace test: Cypress - updated test for Workspace from js to ts (#25218) 2023-07-25 11:03:58 +05:30