ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 17:33:14 +01:00
Code Issues Releases Wiki Activity

Fix visual regression tests for react-bootstrap update

Browse Source
This commit is contained in:
Brett Sun 2016-06-09 13:31:14 +02:00
parent 4a6d601dcb
commit 9d13ca3bf7
2 changed files with 31 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
test/gemini/tests/main/authenticated.js
View File

@ -33,7 +33,7 @@ gemini.suite('Authenticated', (suite) => {
}); });
}); });
gemini.suite('Authenticated', (authenticatedSuite) => { gemini.suite('Authenticated', () => {
gemini.suite('Header-desktop', (headerSuite) => { gemini.suite('Header-desktop', (headerSuite) => {
headerSuite headerSuite
.setCaptureElements('nav.navbar .container') .setCaptureElements('nav.navbar .container')
@ -48,17 +48,38 @@ gemini.suite('Authenticated', (suite) => {
gemini.suite('User dropdown', (headerUserSuite) => { gemini.suite('User dropdown', (headerUserSuite) => {
headerUserSuite headerUserSuite
.setCaptureElements('#nav-route-user-dropdown ~ .dropdown-menu') .setCaptureElements('#nav-route-user-dropdown-container .dropdown-menu')
.capture('expanded user dropdown', (actions, find) => { .capture('expanded user dropdown', (actions, find) => {
actions.click(find('#nav-route-user-dropdown')); actions.click(find('#nav-route-user-dropdown'));
// React-bootstrap's dropdown buttons are wrapped around list items when they're in a navigation
// context, so we can't use a simple sibling selector here to capture the dropdown menu. Instead,
// we'll manually add an id to the dropdown container to allow us to select it.
// eslint-disable-next-line prefer-arrow-callback
actions.executeJS(function addIdToUserDropdownContainer(window) {
/* eslint-disable no-var, prefer-template */
var userDropdownButtonSelector = '#nav-route-user-dropdown';
var userDropdownButton = window.document.querySelector(userDropdownButtonSelector);
var parentEl = userDropdownButton.parentElement;
while (parentEl && parentEl.className.split(' ').indexOf('dropdown') === -1) {
parentEl = parentEl.parentElement;
}
if (parentEl) {
parentEl.id = 'nav-route-user-dropdown-container';
}
/* eslint-enable no-var */
});
}); });
}); });
gemini.suite('Notification dropdown', (headerNotificationSuite) => { gemini.suite('Notification dropdown', (headerNotificationSuite) => {
headerNotificationSuite headerNotificationSuite
.setCaptureElements('#header-notification-dropdown ~ .dropdown-menu') .setCaptureElements('.notification-menu .dropdown-menu')
.capture('expanded notifications dropdown', (actions, find) => { .capture('expanded notifications dropdown', (actions, find) => {
actions.click(find('#header-notification-dropdown')); actions.click(find('#header-notification-dropdown'));
actions.waitForElementToShow('.notification-menu .dropdown-menu', TIMEOUTS.SHORT);
}); });
}); });
}); });
@ -110,7 +131,8 @@ gemini.suite('Authenticated', (suite) => {
collectionPlaceholderSuite collectionPlaceholderSuite
.setCaptureElements('.ascribe-accordion-list-placeholder') .setCaptureElements('.ascribe-accordion-list-placeholder')
.capture('collection empty search', (actions, find) => { .capture('collection empty search', (actions, find) => {
actions.sendKeys(find('.ascribe-piece-list-toolbar .search-bar input[type="text"]'), 'no search result'); actions.sendKeys(find('.ascribe-piece-list-toolbar .search-bar input[type="text"]'),
'no search result');
actions.waitForElementToShow('.ascribe-accordion-list-placeholder', TIMEOUTS.NORMAL); actions.waitForElementToShow('.ascribe-accordion-list-placeholder', TIMEOUTS.NORMAL);
}); });
}); });
@ -136,7 +158,7 @@ gemini.suite('Authenticated', (suite) => {
.capture('piece list toolbar search filled', (actions, find) => { .capture('piece list toolbar search filled', (actions, find) => {
actions.sendKeys(find('.ascribe-piece-list-toolbar .search-bar input[type="text"]'), 'search text'); actions.sendKeys(find('.ascribe-piece-list-toolbar .search-bar input[type="text"]'), 'search text');
actions.waitForElementToShow('.ascribe-piece-list-toolbar .search-bar .icon-ascribe-search', actions.waitForElementToShow('.ascribe-piece-list-toolbar .search-bar .icon-ascribe-search',
TIMEOUTS.NORMAL); TIMEOUTS.LONG);
}); });
gemini.suite('Order widget dropdown', (pieceListToolbarOrderWidgetSuite) => { gemini.suite('Order widget dropdown', (pieceListToolbarOrderWidgetSuite) => {
@ -147,7 +169,8 @@ gemini.suite('Authenticated', (suite) => {
actions.click(find('#ascribe-piece-list-toolbar-order-widget-dropdown')); actions.click(find('#ascribe-piece-list-toolbar-order-widget-dropdown'));
// Wait as the dropdown screenshot still includes the collection in the background // Wait as the dropdown screenshot still includes the collection in the background
actions.waitForElementToShow('.ascribe-accordion-list:not(.ascribe-loading-position)', TIMEOUTS.NORMAL); actions.waitForElementToShow('.ascribe-accordion-list:not(.ascribe-loading-position)',
TIMEOUTS.NORMAL);
}); });
}); });
@ -159,7 +182,8 @@ gemini.suite('Authenticated', (suite) => {
actions.click(find('#ascribe-piece-list-toolbar-filter-widget-dropdown')); actions.click(find('#ascribe-piece-list-toolbar-filter-widget-dropdown'));
// Wait as the dropdown screenshot still includes the collection in the background // Wait as the dropdown screenshot still includes the collection in the background
actions.waitForElementToShow('.ascribe-accordion-list:not(.ascribe-loading-position)', TIMEOUTS.NORMAL); actions.waitForElementToShow('.ascribe-accordion-list:not(.ascribe-loading-position)',
TIMEOUTS.NORMAL);
}); });
}); });
}); });

4
test/gemini/tests/main/detail.js
View File

@ -62,7 +62,6 @@ gemini.suite('Authenticated work detail', (suite) => {
.setUrl('/login') .setUrl('/login')
.ignoreElements('.ascribe-body') .ignoreElements('.ascribe-body')
.capture('logged in', (actions, find) => { .capture('logged in', (actions, find) => {
console.log('logging in');
actions.sendKeys(find('.ascribe-login-wrapper input[name=email]'), MAIN_USER.email); actions.sendKeys(find('.ascribe-login-wrapper input[name=email]'), MAIN_USER.email);
actions.sendKeys(find('.ascribe-login-wrapper input[name=password]'), MAIN_USER.password); actions.sendKeys(find('.ascribe-login-wrapper input[name=password]'), MAIN_USER.password);
actions.click(find('.ascribe-login-wrapper button[type=submit]')); actions.click(find('.ascribe-login-wrapper button[type=submit]'));
@ -83,7 +82,6 @@ gemini.suite('Authenticated work detail', (suite) => {
}); });
gemini.suite('Authorized piece', (authorizedPieceSuite) => { gemini.suite('Authorized piece', (authorizedPieceSuite) => {
console.log('authorized piece');
authorizedPieceSuite authorizedPieceSuite
.setUrl(pieceUrl) .setUrl(pieceUrl)
.capture('authorized piece'); .capture('authorized piece');
@ -99,7 +97,6 @@ gemini.suite('Authenticated work detail', (suite) => {
detailActionButtonSuite detailActionButtonSuite
.setUrl(editionUrl) .setUrl(editionUrl)
.capture('hover on action button', (actions, find) => { .capture('hover on action button', (actions, find) => {
console.log('hover on action button');
actions.mouseMove(find('.ascribe-detail-property .ascribe-button-list button.btn-default')); actions.mouseMove(find('.ascribe-detail-property .ascribe-button-list button.btn-default'));
}) })
.capture('hover on delete button', (actions, find) => { .capture('hover on delete button', (actions, find) => {
@ -147,7 +144,6 @@ gemini.suite('Authenticated work detail', (suite) => {
.setUrl('/logout') .setUrl('/logout')
.ignoreElements('.ascribe-body') .ignoreElements('.ascribe-body')
.before((actions) => { .before((actions) => {
console.log('before log out');
actions.waitForElementToShow('.ascribe-app', TIMEOUTS.NORMAL); actions.waitForElementToShow('.ascribe-app', TIMEOUTS.NORMAL);
}) })
.capture('logout', (actions) => { .capture('logout', (actions) => {