nexxtway/react-rainbow

Similar blocks of code found in 6 locations. Consider refactoring.

Open

    it('should move to the next item when press arrow down', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const menuItem = await buttonMenu.getItem(1);
        await browser.keys('ArrowDown');

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

    it('should move to the last item when first item is active and press arrow up', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const menuItem = await buttonMenu.getItem(4);
        await browser.keys('ArrowUp');

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

    it('should move to the last item when first item is active and press arrow up', async () => {
        const avatarMenu = new PageAvatarMenu(AVATAR_MENU);
        await avatarMenu.click();
        const lastMenuItem = await avatarMenu.getItem(1);
        await browser.keys('ArrowUp');

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

    it('should move to the next item when press arrow down', async () => {
        const avatarMenu = new PageAvatarMenu(AVATAR_MENU);
        await avatarMenu.click();
        const menuItem = await avatarMenu.getItem(1);
        await browser.keys('ArrowDown');

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

const PlusIcon = props => {
    const { className, style } = props;

    return (
        <svg className={className} style={style} width="14" height="14" viewBox="0 0 14 14">

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    it('should uncheck the item when press arrow down', async () => {
        const radioGroup = new PageRadioButtonGroup(RADIO_BUTTON_GROUP);
        const radio = await radioGroup.getItem(1);
        await radio.click();
        await browser.keys(ARROW_DOWN_KEY);

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    it('should lost the focus from menu when it is focused and press the key "TAB"', async () => {
        const verticalNavigation = new PageVerticalNavigation(VERTICAL_NAV);
        const verticalSectionOverflow = await verticalNavigation.getSectionOverflow(0);
        await verticalSectionOverflow.click();
        await browser.keys(TAB_KEY);

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    it('should lose the focus when press arrow down', async () => {
        const radioGroup = new PageRadioButtonGroup(RADIO_BUTTON_GROUP);
        const radio = await radioGroup.getItem(1);
        await radio.click();
        await browser.keys(ARROW_DOWN_KEY);

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

const PlusIcon = props => {
    const { className, style } = props;

    return (
        <svg className={className} style={style} width="14" height="14" viewBox="0 0 14 14">

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    it('should loose focus if other indicator is selected by keyboard navigation', async () => {
        const carousel = new PageCarouselCard(CAROUSEL);
        const indicator = await carousel.getIndicatorItem(0);
        await indicator.click();
        await browser.keys('ArrowRight');

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    it('should lost focus if other tab is selected by keyboard navigation', async () => {
        const tabset = new PageTabset(TABSET);
        const tabItem = await tabset.getItem(0);
        await tabItem.click();
        await browser.keys(ARROW_RIGHT_KEY);

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    it('should uncheck the current option when press arrow down key', async () => {
        const groupPicker = new PageButtonGroupPicker(BUTTON_GROUP_PICKER);
        const option = await groupPicker.getItem(1);
        await option.click();
        await browser.keys('ArrowDown');

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    it('should uncheck the current option when press arrow left key', async () => {
        const groupPicker = new PageButtonGroupPicker(BUTTON_GROUP_PICKER);
        const option = await groupPicker.getItem(1);
        await option.click();
        await browser.keys('ArrowLeft');

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    it('should pass a generated id to the input element and set the same id to the htmFor of the label element', () => {
        const component = mount(<Star />);
        expect(component.find('input').prop('id')).toMatch(/star/);
        expect(component.find('label').prop('htmlFor')).toMatch(/star/);
    });

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    it('should pass a generated id to the input element and set the same id to the htmFor of the label element', () => {
        const component = mount(<RadioButtonItem />);
        expect(component.find('input').prop('id')).toMatch(/radiobutton/);
        expect(component.find('label').prop('htmlFor')).toMatch(/radiobutton/);
    });

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    it('should set a generated id as aria-controls in button element and as id in the overflow container', () => {
        const component = mount(<VerticalSectionOverflow />);
        expect(component.find('button').prop('aria-controls')).toMatch(/search-results/);
        expect(component.find('div[data-id="vertical-overflow"]').prop('id')).toMatch(
            /search-results/,

• Read up
  Read up

Function DateTimePickerModal has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function DateTimePickerModal(props) {
    const {
        id,
        isOpen,
        title,

Function Startup has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Startup = props => {
    const { className, style } = props;
    return (
        <svg
            className={className}

Function Pencil has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Pencil = props => {
    const { className, style } = props;
    return (
        <svg
            className={className}

Function ExperiencesIcon has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ExperiencesIcon = props => {
    const { className } = props;
    return (
        <svg className={className} width="23px" height="18px" viewBox="0 0 23 18" version="1.1">
            <g id="pages" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">