Skip to content
This repository has been archived by the owner on Dec 11, 2019. It is now read-only.

Add FlyoutDialog and polish CommonForm #10978

Merged
merged 2 commits into from
Nov 21, 2017
Merged

Add FlyoutDialog and polish CommonForm #10978

merged 2 commits into from
Nov 21, 2017

Conversation

luixxiul
Copy link
Contributor

@luixxiul luixxiul commented Sep 16, 2017

  • Update commonForm components based on FlyoutDialog
  • Replace FlyoutDialog with CommonForm to reduce the possibility of visual regression
  • Update to the modified BEM style

Addresses #7114
Closes #10977

Auditors: @cezaraugusto @bsclifton

Test Plan

  1. Open about:styles
  2. Click commonForms
  3. Make sure the common form dialog is properly styled
  4. Disable Widevine
  5. Open https://netflix.com
  6. Make sure the title is displayed on the dialog

Submitter Checklist:

  • Submitted a ticket for my issue if one did not already exist.
  • Used Github auto-closing keywords in the commit message.
  • Added/updated tests for this change (for new code or code which already has tests).
  • Ran git rebase -i to squash commits (if needed).
  • Tagged reviewers and labelled the pull request as needed.

Test Plan:

Reviewer Checklist:

Tests

  • Adequate test coverage exists to prevent regressions
  • Tests should be independent and work correctly when run individually or as a suite ref
  • New files have MPL2 license header

@luixxiul luixxiul self-assigned this Sep 16, 2017
@luixxiul luixxiul added this to the 0.21.x (Nightly Channel) milestone Sep 16, 2017
@luixxiul luixxiul added priority/P4 Minor loss of function. Workaround usually present. priority/P5 Cosmetic. Spelling, copy, layout. New features (which should also be part of an initiative). and removed priority/P4 Minor loss of function. Workaround usually present. labels Sep 16, 2017
@luixxiul luixxiul changed the title Add FlyoutDialog Add FlyoutDialog and polish CommonForm Sep 16, 2017
@brave brave deleted a comment from codecov-io Sep 16, 2017
@luixxiul luixxiul added help wanted The PR/issue opener needs help to complete/report the task. and removed PR/work-in-progress ⚒ labels Sep 16, 2017
@luixxiul luixxiul added PR/work-in-progress ⚒ and removed help wanted The PR/issue opener needs help to complete/report the task. PR/work-in-progress ⚒ labels Sep 17, 2017
@codecov-io
Copy link

codecov-io commented Sep 18, 2017

Codecov Report

Merging #10978 into master will increase coverage by 0.03%.
The diff coverage is 66.66%.

@@            Coverage Diff             @@
##           master   #10978      +/-   ##
==========================================
+ Coverage   53.15%   53.19%   +0.03%     
==========================================
  Files         274      275       +1     
  Lines       25996    25993       -3     
  Branches     4149     4154       +5     
==========================================
+ Hits        13818    13826       +8     
+ Misses      12178    12167      -11
Flag Coverage Δ
#unittest 53.19% <66.66%> (+0.03%) ⬆️
Impacted Files Coverage Δ
app/renderer/components/styles/commonStyles.js 100% <ø> (ø) ⬆️
...nderer/components/bookmarks/addEditBookmarkForm.js 20.32% <ø> (ø) ⬆️
app/renderer/components/common/messageBox.js 87.75% <100%> (+0.12%) ⬆️
app/renderer/components/common/flyoutDialog.js 100% <100%> (ø)
app/renderer/components/common/commonForm.js 52.77% <27.27%> (+21.29%) ⬆️
...erer/components/bookmarks/addEditBookmarkHanger.js 32.94% <50%> (ø) ⬆️
js/stores/appStoreRenderer.js 91.17% <0%> (-8.83%) ⬇️
app/renderer/components/reduxComponent.js 84.37% <0%> (-6.25%) ⬇️
js/stores/windowStore.js 26.71% <0%> (-0.3%) ⬇️
... and 4 more

@@ -616,8 +616,7 @@ describe('Syncing bookmarks from an existing profile', function () {
const folder = `[data-test-id="bookmarkToolbarButton"][title="${folderTitle}"]`
yield Brave.app.client
.waitForVisible(folder)
.click(folder)
.click(folder)
.doubleClick(folder)
Copy link
Contributor Author

@luixxiul luixxiul Sep 19, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This change lets the test passed locally, while the test fails on Travis:

https://travis-ci.org/brave/browser-laptop/jobs/277154849#L3775

  1) Syncing bookmarks from an existing profile update bookmark, moving it into the folder:
     Error: element (".contextMenu") still not visible after 10000ms
      at elements(".contextMenu") - isVisible.js:54:17
      at isVisible(".contextMenu") - waitForVisible.js:73:22

npm run test -- --grep='Syncing bookmarks from an existing profile update bookmark, moving it into the folder'

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@cezaraugusto @bsclifton would you mind helping me to fix the issue? thanks!

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

for me they are all failing. I just did a rebase + push let's see how it goes

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It looks the sync tests fail on master as well.

@ghost ghost removed the priority/P5 Cosmetic. Spelling, copy, layout. New features (which should also be part of an initiative). label Sep 26, 2017
@luixxiul
Copy link
Contributor Author

help wanted concerning #10978 (comment).

this.props.small && styles.commonForm_small,
this.props.medium && styles.commonForm_medium,
this.props.large && styles.commonForm_large,
this.props.custom
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

in a follow-up: these could be described in about styles too

Copy link
Contributor Author

@luixxiul luixxiul Oct 13, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Agreed. I'll add some comment to about:styles#commonForm in the follow up

-> Done with https://github.com/brave/browser-laptop/pull/11522/files#diff-423dee85eaa4c9b5825e4a8a25794922R29 on #11522

@cezaraugusto cezaraugusto mentioned this pull request Oct 13, 2017
8 tasks
@bbondy bbondy modified the milestones: 0.21.x (Developer Channel), 0.20.x (Beta Channel), Backlog Oct 25, 2017
@luixxiul luixxiul added QA/test-plan-specified and removed help wanted The PR/issue opener needs help to complete/report the task. labels Oct 31, 2017
syuan100 pushed a commit to syuan100/browser-laptop that referenced this pull request Nov 9, 2017
Follow-up to brave#10978 (comment)

Auditors: @cezaraugusto

Test Plan:
1. Open about:styles
Suguru Hirahara added 2 commits November 13, 2017 17:38
- Update commonForm components based on FlyoutDialog

Addresses #7114
Closes #10977

Auditors: @cezaraugusto @bsclifton

Test Plan
1. Open about:styles
2. Click `commonForms`
3. Make sure the common form dialog is properly styled
- Replace FlyoutDialog with CommonForm to dismiss the possibility of visual regression
- Reduce components by adding props
- Add 'CommonFormSection title' to bookmark hanger
- Update to the modified BEM style
- Fix data-test-id

Auditors:

Test Plan:
1. Open about:styles
2. Click 'commonForm'
3. Make sure the common form panel is properly displayed
@luixxiul luixxiul removed the request for review from petemill November 13, 2017 08:40
@cezaraugusto cezaraugusto merged commit c5186d5 into brave:master Nov 21, 2017
@cezaraugusto cezaraugusto added 0.22.x issue first seen in 0.22.x and removed PR/pending-review labels Nov 21, 2017
@luixxiul luixxiul deleted the update-flyoutDialog branch November 21, 2017 06:33
@luixxiul luixxiul modified the milestones: Triage Backlog, 0.22.x (Nightly Channel) Nov 21, 2017
@luixxiul luixxiul removed the request for review from bsclifton November 21, 2017 10:18
@bbondy bbondy modified the milestones: 0.22.x (Developer Channel), 0.23.x (Nightly Channel) Feb 25, 2018
@bsclifton bsclifton removed the 0.22.x issue first seen in 0.22.x label May 17, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants