@spothero/ui 15.1.0 → 15.1.1

package/styles/Tooltip/Tooltip.spec.js

@@ -1,170 +0,0 @@
-describe('<Tooltip />', () => {
-    context('Display', () => {
-        context('Default', () => {
-            it('Triggers and renders properly', () => {
-                cy.visitStory('v1/Tooltip/Display', 'Default')
-                    .get('.Tooltip')
-                    .should('not.exist')
-                    .get('.Tooltip-example')
-                    .click()
-                    .get('.Tooltip')
-                    .should('exist')
-                    .contains('This is an example tooltip with some copy.')
-                    // check that close button works
-                    .get('.Tooltip-close')
-                    .click()
-                    .wait(250)
-                    .get('.Tooltip')
-                    .should('not.exist');
-            });
-        });
-
-        context('Custom Class', () => {
-            it('Appends custom classes to Tooltip and container', () => {
-                cy.visitStory('v1/Tooltip/Display', 'CustomClass')
-                    .get('.Tooltip-example')
-                    .click()
-                    // check that tooltip arrow has been adjusted
-                    .get('.Tooltip-arrow')
-                    .should('have.attr', 'style')
-                    .get('.Tooltip')
-                    .should('have.class', 'custom-class1')
-                    .and('have.class', 'custom-class2')
-                    .parent()
-                    .should('have.class', 'custom-container-class1')
-                    .and('have.class', 'custom-container-class2');
-            });
-        });
-
-        context('Without Close Button', () => {
-            it('Renders without a close button and closes on body click', () => {
-                cy.visitStory('v1/Tooltip/Display', 'WithoutCloseButton')
-                    .get('.Tooltip-example')
-                    .click()
-                    .get('.Tooltip')
-                    .should('have.class', 'Tooltip-no-close')
-                    .find('.Tooltip-close')
-                    .should('not.exist')
-                    .get('body')
-                    .click()
-                    // wait for Tooltip to animate away before checking that it's gone
-                    .wait(250)
-                    .get('.Tooltip')
-                    .should('not.exist');
-            });
-        });
-
-        context('Without Adjusted Arrow', () => {
-            it('Renders without making style adjustments to the tooltip arrow', () => {
-                cy.visitStory('v1/Tooltip/Display', 'WithoutAdjustArrow')
-                    .get('.Tooltip-example')
-                    .click()
-                    .get('.Tooltip-arrow')
-                    .should('not.have.attr', 'style');
-            });
-        });
-    });
-
-    context('Position', () => {
-        context('Top', () => {
-            it('Correctly positions the tooltip between the top of the window and trigger', () => {
-                cy.visitStory('v1/Tooltip/Position', 'Top')
-                    .get('.Tooltip-example')
-                    .click()
-                    .get('.Tooltip')
-                    .should('have.class', 'Tooltip-top');
-            });
-        });
-
-        context('Right', () => {
-            it('Correctly positions the tooltip between the right of the window and trigger', () => {
-                cy.visitStory('v1/Tooltip/Position', 'Right')
-                    .get('.Tooltip-example')
-                    .click()
-                    .get('.Tooltip')
-                    .should('have.class', 'Tooltip-right');
-            });
-        });
-
-        context('Bottom', () => {
-            it('Correctly positions the tooltip between the bottom of the window and trigger', () => {
-                cy.visitStory('v1/Tooltip/Position', 'Bottom')
-                    .get('.Tooltip-example')
-                    .click()
-                    .get('.Tooltip')
-                    .should('have.class', 'Tooltip-bottom');
-            });
-        });
-
-        context('Left', () => {
-            it('Correctly positions the tooltip between the left of the window and trigger', () => {
-                cy.visitStory('v1/Tooltip/Position', 'Left')
-                    .get('.Tooltip-example')
-                    .click()
-                    .get('.Tooltip')
-                    .should('have.class', 'Tooltip-left');
-            });
-        });
-
-        context('Tip Offset', () => {
-            it('Correctly positions the tooltip arrow a specified distance from the trigger', () => {
-                let triggerRight;
-                let tooltipLeft;
-
-                cy.visitStory('v1/Tooltip/Position', 'TipOffset')
-                    .get('.Tooltip-example')
-                    .click()
-                    .get('.Tooltip-example')
-                    .then($el => {
-                        triggerRight = $el[0].getBoundingClientRect().right;
-                    })
-                    .get('.Tooltip')
-                    .find('.Tooltip-arrow')
-                    .then($el => {
-                        tooltipLeft = $el[0].getBoundingClientRect().left;
-
-                        expect(Math.ceil(tooltipLeft - triggerRight)).to.equal(
-                            16
-                        );
-                    });
-            });
-        });
-
-        context('Update On Move', () => {
-            it('Repositions the tooltip when the window is scrolled or resized', () => {
-                let oldStyle = '';
-
-                cy.visitStory('v1/Tooltip/Position', 'UpdateOnMove')
-                    // Use force: true on click to prevent Cypress from doing additional scrolling
-                    // See https://github.com/cypress-io/cypress/issues/553 for more info
-                    .get('.Tooltip-example')
-                    .click({force: true})
-                    .get('.Tooltip')
-                    .should('exist')
-                    .then($el => {
-                        oldStyle = $el[0].getAttribute('style');
-                    })
-                    // scroll window and then wait for tooltip to update position
-                    .window()
-                    .scrollTo(0, 500)
-                    .wait(100)
-                    .get('.Tooltip')
-                    .then($el => {
-                        const newStyle = $el[0].getAttribute('style');
-
-                        expect(newStyle !== oldStyle).to.equal(true);
-                        oldStyle = newStyle;
-                    })
-                    // resize window and then wait for tooltip to update position
-                    .viewport(320, 480)
-                    .wait(100)
-                    .get('.Tooltip')
-                    .then($el => {
-                        expect(
-                            $el[0].getAttribute('style') !== oldStyle
-                        ).to.equal(true);
-                    });
-            });
-        });
-    });
-});