mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 07:21:16 +08:00
f2741c5d36
this makes them pass, we think that perhaps some tests are leaking into each other. We plan to migrate off of cypress in the future, so I'm not going to spend more time on improving this.
77 lines
2.8 KiB
TypeScript
77 lines
2.8 KiB
TypeScript
describe('Basic CLI', () => {
|
|
before(() => {
|
|
cy.visitStorybook();
|
|
});
|
|
|
|
describe('Welcome story (MDX)', () => {
|
|
it('should load and display', () => {
|
|
cy.navigateToStory('example-introduction', 'page');
|
|
cy.getDocsElement().should('contain.text', 'Welcome to Storybook');
|
|
});
|
|
});
|
|
|
|
describe('Button story', () => {
|
|
it('should load primary story', () => {
|
|
cy.navigateToStory('example-button', 'primary');
|
|
cy.getStoryElement()
|
|
.find('button')
|
|
.should('have.class', 'storybook-button')
|
|
.and('have.class', 'storybook-button--primary');
|
|
});
|
|
|
|
it('should load secondary story', () => {
|
|
cy.navigateToStory('example-button', 'secondary');
|
|
cy.getStoryElement()
|
|
.find('button')
|
|
.should('have.class', 'storybook-button')
|
|
.and('have.class', 'storybook-button--secondary');
|
|
});
|
|
it('should load small story', () => {
|
|
cy.navigateToStory('example-button', 'small');
|
|
cy.getStoryElement()
|
|
.find('button')
|
|
.should('have.class', 'storybook-button')
|
|
.and('have.class', 'storybook-button--small');
|
|
});
|
|
it('should load large story', () => {
|
|
cy.navigateToStory('example-button', 'large');
|
|
cy.getStoryElement()
|
|
.find('button')
|
|
.should('have.class', 'storybook-button')
|
|
.and('have.class', 'storybook-button--large');
|
|
});
|
|
});
|
|
|
|
describe('Header story', () => {
|
|
it('should load and display logged in', () => {
|
|
cy.navigateToStory('example-header', 'logged-in');
|
|
cy.getStoryElement().find('header').should('contain.text', 'Acme');
|
|
cy.getStoryElement().find('button').should('contain.text', 'Log out');
|
|
});
|
|
|
|
it('should load and display logged out', () => {
|
|
cy.navigateToStory('example-header', 'logged-out');
|
|
cy.getStoryElement().find('header').should('contain.text', 'Acme');
|
|
cy.getStoryElement().find('button').first().should('contain.text', 'Log in');
|
|
cy.getStoryElement().find('button').last().should('contain.text', 'Sign up');
|
|
});
|
|
});
|
|
|
|
describe('Page story', () => {
|
|
it('should load and display logged out', () => {
|
|
cy.navigateToStory('example-page', 'logged-out');
|
|
cy.getStoryElement().should('contain.text', 'Acme');
|
|
cy.getStoryElement().find('button').first().should('contain.text', 'Log in');
|
|
cy.getStoryElement().find('button').last().should('contain.text', 'Sign up');
|
|
cy.getStoryElement().should('contain.text', 'Pages in Storybook');
|
|
});
|
|
|
|
it('should load and display logged in', () => {
|
|
cy.navigateToStory('example-page', 'logged-in');
|
|
cy.getStoryElement().find('header').should('contain.text', 'Acme');
|
|
cy.getStoryElement().find('button').should('contain.text', 'Log out');
|
|
cy.getStoryElement().should('contain.text', 'Pages in Storybook');
|
|
});
|
|
});
|
|
});
|