Skip to content

Commit

Permalink
Merge 3923ae4 into 478740c
Browse files Browse the repository at this point in the history
  • Loading branch information
NicholasBoll authored Jan 7, 2022
2 parents 478740c + 3923ae4 commit d8b12e9
Show file tree
Hide file tree
Showing 39 changed files with 1,976 additions and 1,244 deletions.
6 changes: 5 additions & 1 deletion babel.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,11 @@ module.exports = {
env: {
test: {
presets: ['@babel/preset-env', '@babel/preset-typescript', '@babel/preset-react'],
plugins: ['emotion', '@babel/proposal-class-properties', '@babel/plugin-transform-runtime'],
plugins: [
'emotion',
['@babel/proposal-class-properties', {loose: true}], // https://github.com/storybookjs/storybook/issues/14805 and https://github.com/storybookjs/storybook/issues/14805#issuecomment-889504884
'@babel/plugin-transform-runtime',
],
},
},
};
6 changes: 3 additions & 3 deletions cypress/integration/Combobox.spec.ts
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ describe('Combobox', () => {
});

it('should not show menu', () => {
cy.findByRole('listbox').should('not.be.visible');
cy.findByRole('listbox').should('not.exist');
});

it('should show the clear button', () => {
Expand Down Expand Up @@ -154,7 +154,7 @@ describe('Combobox', () => {
});

it('should close the listbox', () => {
cy.findByRole('listbox').should('not.be.visible');
cy.findByRole('listbox').should('not.exist');
});

context('when the use hits the "a" key', () => {
Expand Down Expand Up @@ -213,7 +213,7 @@ describe('Combobox', () => {
});

it('should close the listbox', () => {
cy.findByRole('listbox').should('not.be.visible');
cy.findByRole('listbox').should('not.exist');
});

it('should keep focus on combobox', () => {
Expand Down
24 changes: 12 additions & 12 deletions cypress/integration/Modal.spec.ts
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@ describe('Modal', () => {
});

it('should close the modal', () => {
cy.findByRole('dialog', {name: 'Delete Item'}).should('not.be.visible');
cy.findByRole('dialog', {name: 'Delete Item'}).should('not.exist');
});

it('should transfer focus back to the target button', () => {
Expand All @@ -143,7 +143,7 @@ describe('Modal', () => {
});

it('should close the modal', () => {
cy.findByRole('dialog', {name: 'Delete Item'}).should('not.be.visible');
cy.findByRole('dialog', {name: 'Delete Item'}).should('not.exist');
});
});

Expand All @@ -153,7 +153,7 @@ describe('Modal', () => {
});

it('should close the modal', () => {
cy.findByRole('dialog', {name: 'Delete Item'}).should('not.be.visible');
cy.findByRole('dialog', {name: 'Delete Item'}).should('not.exist');
});
});
});
Expand Down Expand Up @@ -189,11 +189,11 @@ describe('Modal', () => {
});

it(`should close the 'Cancel' tooltip`, () => {
cy.findByRole('tooltip', {name: 'Not so sure'}).should('not.be.visible');
cy.findByRole('tooltip', {name: 'Not so sure'}).should('not.exist');
});

it(`should close the modal`, () => {
cy.findByRole('dialog', {name: 'Open Modal'}).should('not.be.visible');
cy.findByRole('dialog', {name: 'Open Modal'}).should('not.exist');
});
});
});
Expand Down Expand Up @@ -225,11 +225,11 @@ describe('Modal', () => {
it(`should close the 'OK' tooltip`, () => {
cy.findByRole('tooltip', {
name: 'Really, Really, Really, Really, Really sure',
}).should('not.be.visible');
}).should('not.exist');
});

it(`should close the 'Hidable Popup' popup`, () => {
cy.findByRole('dialog', {name: 'Hidable Popup'}).should('not.be.visible');
cy.findByRole('dialog', {name: 'Hidable Popup'}).should('not.exist');
});

it(`should keep the modal open`, () => {
Expand Down Expand Up @@ -268,13 +268,13 @@ describe('Modal', () => {
});

it(`should close the modal`, () => {
cy.findByRole('dialog', {name: 'Non-hidable'}).should('not.be.visible');
cy.findByRole('dialog', {name: 'Non-hidable'}).should('not.exist');
});

it(`should close the 'OK' tooltip`, () => {
cy.findByRole('tooltip', {
name: 'Really, Really, Really, Really, Really sure',
}).should('not.be.visible');
}).should('not.exist');
});
});
});
Expand Down Expand Up @@ -518,7 +518,7 @@ describe('Modal', () => {
});

it('should close the modal', () => {
cy.findByRole('dialog', {name: 'Delete Item'}).should('not.be.visible');
cy.findByRole('dialog', {name: 'Delete Item'}).should('not.exist');
});
});

Expand All @@ -528,7 +528,7 @@ describe('Modal', () => {
});

it('should close the modal', () => {
cy.findByRole('dialog', {name: 'Delete Item'}).should('not.be.visible');
cy.findByRole('dialog', {name: 'Delete Item'}).should('not.exist');
});
});
});
Expand Down Expand Up @@ -633,7 +633,7 @@ describe('Modal', () => {
});

it('should hide the modal', () => {
cy.findByRole('dialog', {name: 'Modal'}).should('not.be.visible');
cy.findByRole('dialog', {name: 'Modal'}).should('not.exist');
});

it('should move focus back to the "Open" button', () => {
Expand Down
12 changes: 6 additions & 6 deletions cypress/integration/Popup.spec.ts
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ describe('Popup', () => {
});

it('should hide the popup', () => {
cy.findByRole('dialog').should('not.visible');
cy.findByRole('dialog').should('not.exist');
});
});

Expand All @@ -55,7 +55,7 @@ describe('Popup', () => {
});

it('should hide the popup', () => {
cy.findByRole('dialog').should('not.visible');
cy.findByRole('dialog').should('not.exist');
});
});

Expand All @@ -65,7 +65,7 @@ describe('Popup', () => {
});

it('should close the popup', () => {
cy.findByRole('dialog').should('not.visible');
cy.findByRole('dialog').should('not.exist');
});
});
});
Expand Down Expand Up @@ -315,11 +315,11 @@ describe('Popup', () => {
it('should close the tooltip', () => {
cy.findByRole('tooltip', {
name: 'Really long tooltip showing how popup stacks overlap 2',
}).should('not.be.visible');
}).should('not.exist');
});

it('should close the "Really Delete Item" popup', () => {
cy.findByRole('dialog', {name: 'Really Delete Item'}).should('be.not.visible');
cy.findByRole('dialog', {name: 'Really Delete Item'}).should('not.exist');
});

it('should NOT close the "Delete Item" popup', () => {
Expand Down Expand Up @@ -351,7 +351,7 @@ describe('Popup', () => {
});

it('should hide the popup', () => {
cy.findByRole('dialog', {name: 'Popup'}).should('not.be.visible');
cy.findByRole('dialog', {name: 'Popup'}).should('not.exist');
});

it('should move focus back to the "Open" button', () => {
Expand Down
6 changes: 3 additions & 3 deletions cypress/integration/SelectPreview.spec.ts
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ describe('Select', () => {
it('should not be visible', () => {
cy.findByLabelText('Label')
.pipe(h.selectPreview.getMenu)
.should('not.be.visible');
.should('not.exist');
});
});

Expand Down Expand Up @@ -242,7 +242,7 @@ describe('Select', () => {
it('should not be visible', () => {
cy.findByLabelText('Label')
.pipe(h.selectPreview.getMenu)
.should('not.be.visible');
.should('not.exist');
});
});

Expand Down Expand Up @@ -664,7 +664,7 @@ describe('Select', () => {
// it('should not be visible', () => {
// cy.findByLabelText('Label')
// .pipe(h.selectPreview.getMenu)
// .should('not.be.visible');
// .should('not.exist');
// });
// });
// });
Expand Down
22 changes: 11 additions & 11 deletions cypress/integration/Tooltip.spec.ts
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ describe('Tooltip', () => {
});

it('should close the tooltip', () => {
cy.findByRole('tooltip').should('not.be.visible');
cy.findByRole('tooltip').should('not.exist');
});
});

Expand All @@ -62,7 +62,7 @@ describe('Tooltip', () => {
});

it('should not close the tooltip', () => {
cy.findByRole('tooltip').should('not.be.visible');
cy.findByRole('tooltip').should('not.exist');
});
});
});
Expand All @@ -82,7 +82,7 @@ describe('Tooltip', () => {
});

it('should close the tooltip', () => {
cy.findByRole('tooltip').should('not.be.visible');
cy.findByRole('tooltip').should('not.exist');
});
});

Expand All @@ -104,7 +104,7 @@ describe('Tooltip', () => {
});

it('should close immediately, not waiting for blur or intent', () => {
cy.findByRole('tooltip', {timeout: 0}).should('not.be.visible');
cy.findByRole('tooltip', {timeout: 0}).should('not.exist');
});
});
});
Expand Down Expand Up @@ -155,14 +155,14 @@ describe('Tooltip', () => {
});

it('the span element should not have an aria-describedby attribute', () => {
cy.get('button').should('not.have.attr', 'aria-describedby');
cy.get('span').should('not.have.attr', 'aria-describedby');
});

it('the span element should not have an aria-label attribute', () => {
cy.get('button').should('not.have.attr', 'aria-describedby');
cy.get('span').should('not.have.attr', 'aria-describedby');
});

context('when the "Delete" button is hovered', () => {
context('when the "Some Text" text is hovered', () => {
beforeEach(() => {
cy.get('span').trigger('mouseover');
});
Expand All @@ -176,11 +176,11 @@ describe('Tooltip', () => {
});

it('the span element should not have an aria-describedby attribute', () => {
cy.get('button').should('not.have.attr', 'aria-describedby');
cy.get('span').should('not.have.attr', 'aria-describedby');
});

it('the span element should not have an aria-label attribute', () => {
cy.get('button').should('not.have.attr', 'aria-describedby');
cy.get('span').should('not.have.attr', 'aria-describedby');
});
});
});
Expand All @@ -204,7 +204,7 @@ describe('Tooltip', () => {
});

it('should not show the tooltip', () => {
cy.findByRole('tooltip').should('not.be.visible');
cy.findByRole('tooltip').should('not.exist');
});
});

Expand Down Expand Up @@ -244,7 +244,7 @@ describe('Tooltip', () => {
});

it('should not show the tooltip', () => {
cy.findByRole('tooltip').should('not.be.visible');
cy.findByRole('tooltip').should('not.exist');
});
});

Expand Down
Loading

0 comments on commit d8b12e9

Please sign in to comment.