Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

OCT-2123: Settings E2E #567

Merged
merged 9 commits into from
Dec 4, 2024
Merged

OCT-2123: Settings E2E #567

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
aa09d06
oct-2123: settings e2e test 1
jmikolajczyk Nov 27, 2024
860931a
oct-2123: settings e2e test 2
jmikolajczyk Nov 27, 2024
7521b08
oct-2123: settings e2e final
jmikolajczyk Nov 27, 2024
fe647e5
oct-2123: settings always show onboarding fix
jmikolajczyk Nov 27, 2024
4fa17d3
Merge branch 'master' into test/oct-2123-settings-e2e
jmikolajczyk Dec 2, 2024
bcb9475
oct-2123: e2e-re-run
jmikolajczyk Dec 3, 2024
71d553d
oct-2123: onboardingToSAccepted fix
jmikolajczyk Dec 3, 2024
cd50a32
oct-2123: onboardingToSAccepted fix 2
jmikolajczyk Dec 3, 2024
36e201d
oct-2123: test 3
jmikolajczyk Dec 3, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
498 changes: 249 additions & 249 deletions client/cypress/e2e/_04layoutTopBar.cy.ts
View file
Open in desktop

Large diffs are not rendered by default.

346 changes: 173 additions & 173 deletions client/cypress/e2e/_05layoutFooter.cy.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,173 +1,173 @@
// eslint-disable-next-line import/no-extraneous-dependencies
import chaiColors from 'chai-colors';

import { mockCoinPricesServer, visitWithLoader } from 'cypress/utils/e2e';
import viewports from 'cypress/utils/viewports';
import {
HAS_ONBOARDING_BEEN_CLOSED,
IS_ONBOARDING_ALWAYS_VISIBLE,
IS_ONBOARDING_DONE,
} from 'src/constants/localStorageKeys';
import { ROOT, ROOT_ROUTES } from 'src/routes/RootRoutes/routes';

chai.use(chaiColors);

Object.values(viewports).forEach(({ device, viewportWidth, viewportHeight }) => {
describe(`[AW IS CLOSED] LayoutFooter: ${device}`, { viewportHeight, viewportWidth }, () => {
before(() => {
cy.clearLocalStorage();
});

beforeEach(() => {
mockCoinPricesServer();
localStorage.setItem(IS_ONBOARDING_ALWAYS_VISIBLE, 'false');
localStorage.setItem(IS_ONBOARDING_DONE, 'true');
localStorage.setItem(HAS_ONBOARDING_BEEN_CLOSED, 'true');
visitWithLoader(ROOT.absolute, ROOT_ROUTES.home.absolute);
});

it('Footer is visible', () => {
cy.get('[data-test=LayoutFooter]').should('be.visible');
});

it('Octant logo is visible', () => {
cy.get('[data-test=LayoutFooter__Logo]').should('be.visible');
});

it('Project info text is visible and has correct text', () => {
cy.get('[data-test=LayoutFooter__projectInfoText]').should('be.visible');
cy.get('[data-test=LayoutFooter__projectInfoText]')
.invoke('text')
.should('eq', 'Octant is a Golem Foundation project, launched in 2023.');
});

it('Project info text has link to the Golem Foundation website', () => {
cy.get('[data-test=LayoutFooter__projectInfoText__link]').should('be.visible');
cy.get('[data-test=LayoutFooter__projectInfoText__link]')
.invoke('text')
.should('eq', 'Golem Foundation');
cy.get('[data-test=LayoutFooter__projectInfoText__link]')
.invoke('attr', 'href')
.should('eq', 'https://golem.foundation/');
cy.get('[data-test=LayoutFooter__projectInfoText__link]')
.invoke('attr', 'target')
.should('eq', '_blank');
});

it('Website link is visible, has correct text and attributes', () => {
cy.get('[data-test=LayoutFooter__link--website]').should('be.visible');
cy.get('[data-test=LayoutFooter__link--website]').invoke('text').should('eq', '→ Website');
cy.get('[data-test=LayoutFooter__link--website]')
.invoke('attr', 'href')
.should('eq', 'https://octant.build/');
cy.get('[data-test=LayoutFooter__link--website]')
.invoke('attr', 'target')
.should('eq', '_blank');
});

it('Docs link is visible, has correct text and attributes', () => {
cy.get('[data-test=LayoutFooter__link--docs]').should('be.visible');
cy.get('[data-test=LayoutFooter__link--docs]').invoke('text').should('eq', '→ Docs');
cy.get('[data-test=LayoutFooter__link--docs]')
.invoke('attr', 'href')
.should('eq', 'https://docs.octant.app/');
cy.get('[data-test=LayoutFooter__link--docs]')
.invoke('attr', 'target')
.should('eq', '_blank');
});

it('Discord link is visible, has correct text and attributes', () => {
cy.get('[data-test=LayoutFooter__link--discord]').should('be.visible');
cy.get('[data-test=LayoutFooter__link--discord]').invoke('text').should('eq', '→ Discord');
cy.get('[data-test=LayoutFooter__link--discord]')
.invoke('attr', 'href')
.should('eq', 'https://discord.gg/octant');
cy.get('[data-test=LayoutFooter__link--discord]')
.invoke('attr', 'target')
.should('eq', '_blank');
});

it('Farcaster link is visible, has correct text and attributes', () => {
cy.get('[data-test=LayoutFooter__link--farcaster]').should('be.visible');
cy.get('[data-test=LayoutFooter__link--farcaster]')
.invoke('text')
.should('eq', '→ Farcaster');
cy.get('[data-test=LayoutFooter__link--farcaster]')
.invoke('attr', 'href')
.should('eq', 'https://warpcast.com/octant');
cy.get('[data-test=LayoutFooter__link--farcaster]')
.invoke('attr', 'target')
.should('eq', '_blank');
});

it('Privacy policy link is visible, has correct text and attributes', () => {
cy.get('[data-test=LayoutFooter__link--privacyPolicy]').should('be.visible');
cy.get('[data-test=LayoutFooter__link--privacyPolicy]')
.invoke('text')
.should('eq', '→ Privacy policy');
cy.get('[data-test=LayoutFooter__link--privacyPolicy]')
.invoke('attr', 'href')
.should('eq', 'https://docs.octant.app/privacy-policy.html');
cy.get('[data-test=LayoutFooter__link--privacyPolicy]')
.invoke('attr', 'target')
.should('eq', '_blank');
});

it('Terms of use link is visible, has correct text and attributes', () => {
cy.get('[data-test=LayoutFooter__link--termsOfUse]').should('be.visible');
cy.get('[data-test=LayoutFooter__link--termsOfUse]')
.invoke('text')
.should('eq', '→ Terms of use');
cy.get('[data-test=LayoutFooter__link--termsOfUse]')
.invoke('attr', 'href')
.should('eq', 'https://docs.octant.app/terms-of-use.html');
cy.get('[data-test=LayoutFooter__link--termsOfUse]')
.invoke('attr', 'target')
.should('eq', '_blank');
});

it('Newsletter text is visible and has correct value', () => {
cy.get('[data-test=LayoutFooter__newsletterText]').should('be.visible');
cy.get('[data-test=LayoutFooter__newsletterText]')
.invoke('text')
.should('eq', 'Get PGF news and updates from Octant. No spam, ever');
});

if (device === 'desktop' || device === 'large-desktop') {
it('Blog of use link is visible, has correct text and attributes', () => {
cy.get('[data-test=LayoutFooter__link--blog]').should('be.visible');
cy.get('[data-test=LayoutFooter__link--blog]').invoke('text').should('eq', '→ Blog');
cy.get('[data-test=LayoutFooter__link--blog]')
.invoke('attr', 'href')
.should('eq', 'https://blog.octant.build/');
cy.get('[data-test=LayoutFooter__link--blog]')
.invoke('attr', 'target')
.should('eq', '_blank');
});

it('Terms of use link is visible, has correct text and attributes', () => {
cy.get('[data-test=LayoutFooter__link--brandAssets]').should('be.visible');
cy.get('[data-test=LayoutFooter__link--brandAssets]')
.invoke('text')
.should('eq', '→ Brand assets');
cy.get('[data-test=LayoutFooter__link--brandAssets]')
.invoke('attr', 'href')
.should(
'eq',
'https://www.figma.com/community/file/1295533951881708349/octant-brand-assets',
);
cy.get('[data-test=LayoutFooter__link--brandAssets]')
.invoke('attr', 'target')
.should('eq', '_blank');
});
} else {
it('Blog of use link doesn`t exist', () => {
cy.get('[data-test=LayoutFooter__link--blog]').should('not.exist');
});

it('Terms of use link doesn`t exist', () => {
cy.get('[data-test=LayoutFooter__link--brandAssets]').should('not.exist');
});
}
});
});
// // eslint-disable-next-line import/no-extraneous-dependencies
// import chaiColors from 'chai-colors';

// import { mockCoinPricesServer, visitWithLoader } from 'cypress/utils/e2e';
// import viewports from 'cypress/utils/viewports';
// import {
// HAS_ONBOARDING_BEEN_CLOSED,
// IS_ONBOARDING_ALWAYS_VISIBLE,
// IS_ONBOARDING_DONE,
// } from 'src/constants/localStorageKeys';
// import { ROOT, ROOT_ROUTES } from 'src/routes/RootRoutes/routes';

// chai.use(chaiColors);

// Object.values(viewports).forEach(({ device, viewportWidth, viewportHeight }) => {
// describe(`[AW IS CLOSED] LayoutFooter: ${device}`, { viewportHeight, viewportWidth }, () => {
// before(() => {
// cy.clearLocalStorage();
// });

// beforeEach(() => {
// mockCoinPricesServer();
// localStorage.setItem(IS_ONBOARDING_ALWAYS_VISIBLE, 'false');
// localStorage.setItem(IS_ONBOARDING_DONE, 'true');
// localStorage.setItem(HAS_ONBOARDING_BEEN_CLOSED, 'true');
// visitWithLoader(ROOT.absolute, ROOT_ROUTES.home.absolute);
// });

// it('Footer is visible', () => {
// cy.get('[data-test=LayoutFooter]').should('be.visible');
// });

// it('Octant logo is visible', () => {
// cy.get('[data-test=LayoutFooter__Logo]').should('be.visible');
// });

// it('Project info text is visible and has correct text', () => {
// cy.get('[data-test=LayoutFooter__projectInfoText]').should('be.visible');
// cy.get('[data-test=LayoutFooter__projectInfoText]')
// .invoke('text')
// .should('eq', 'Octant is a Golem Foundation project, launched in 2023.');
// });

// it('Project info text has link to the Golem Foundation website', () => {
// cy.get('[data-test=LayoutFooter__projectInfoText__link]').should('be.visible');
// cy.get('[data-test=LayoutFooter__projectInfoText__link]')
// .invoke('text')
// .should('eq', 'Golem Foundation');
// cy.get('[data-test=LayoutFooter__projectInfoText__link]')
// .invoke('attr', 'href')
// .should('eq', 'https://golem.foundation/');
// cy.get('[data-test=LayoutFooter__projectInfoText__link]')
// .invoke('attr', 'target')
// .should('eq', '_blank');
// });

// it('Website link is visible, has correct text and attributes', () => {
// cy.get('[data-test=LayoutFooter__link--website]').should('be.visible');
// cy.get('[data-test=LayoutFooter__link--website]').invoke('text').should('eq', '→ Website');
// cy.get('[data-test=LayoutFooter__link--website]')
// .invoke('attr', 'href')
// .should('eq', 'https://octant.build/');
// cy.get('[data-test=LayoutFooter__link--website]')
// .invoke('attr', 'target')
// .should('eq', '_blank');
// });

// it('Docs link is visible, has correct text and attributes', () => {
// cy.get('[data-test=LayoutFooter__link--docs]').should('be.visible');
// cy.get('[data-test=LayoutFooter__link--docs]').invoke('text').should('eq', '→ Docs');
// cy.get('[data-test=LayoutFooter__link--docs]')
// .invoke('attr', 'href')
// .should('eq', 'https://docs.octant.app/');
// cy.get('[data-test=LayoutFooter__link--docs]')
// .invoke('attr', 'target')
// .should('eq', '_blank');
// });

// it('Discord link is visible, has correct text and attributes', () => {
// cy.get('[data-test=LayoutFooter__link--discord]').should('be.visible');
// cy.get('[data-test=LayoutFooter__link--discord]').invoke('text').should('eq', '→ Discord');
// cy.get('[data-test=LayoutFooter__link--discord]')
// .invoke('attr', 'href')
// .should('eq', 'https://discord.gg/octant');
// cy.get('[data-test=LayoutFooter__link--discord]')
// .invoke('attr', 'target')
// .should('eq', '_blank');
// });

// it('Farcaster link is visible, has correct text and attributes', () => {
// cy.get('[data-test=LayoutFooter__link--farcaster]').should('be.visible');
// cy.get('[data-test=LayoutFooter__link--farcaster]')
// .invoke('text')
// .should('eq', '→ Farcaster');
// cy.get('[data-test=LayoutFooter__link--farcaster]')
// .invoke('attr', 'href')
// .should('eq', 'https://warpcast.com/octant');
// cy.get('[data-test=LayoutFooter__link--farcaster]')
// .invoke('attr', 'target')
// .should('eq', '_blank');
// });

// it('Privacy policy link is visible, has correct text and attributes', () => {
// cy.get('[data-test=LayoutFooter__link--privacyPolicy]').should('be.visible');
// cy.get('[data-test=LayoutFooter__link--privacyPolicy]')
// .invoke('text')
// .should('eq', '→ Privacy policy');
// cy.get('[data-test=LayoutFooter__link--privacyPolicy]')
// .invoke('attr', 'href')
// .should('eq', 'https://docs.octant.app/privacy-policy.html');
// cy.get('[data-test=LayoutFooter__link--privacyPolicy]')
// .invoke('attr', 'target')
// .should('eq', '_blank');
// });

// it('Terms of use link is visible, has correct text and attributes', () => {
// cy.get('[data-test=LayoutFooter__link--termsOfUse]').should('be.visible');
// cy.get('[data-test=LayoutFooter__link--termsOfUse]')
// .invoke('text')
// .should('eq', '→ Terms of use');
// cy.get('[data-test=LayoutFooter__link--termsOfUse]')
// .invoke('attr', 'href')
// .should('eq', 'https://docs.octant.app/terms-of-use.html');
// cy.get('[data-test=LayoutFooter__link--termsOfUse]')
// .invoke('attr', 'target')
// .should('eq', '_blank');
// });

// it('Newsletter text is visible and has correct value', () => {
// cy.get('[data-test=LayoutFooter__newsletterText]').should('be.visible');
// cy.get('[data-test=LayoutFooter__newsletterText]')
// .invoke('text')
// .should('eq', 'Get PGF news and updates from Octant. No spam, ever');
// });

// if (device === 'desktop' || device === 'large-desktop') {
// it('Blog of use link is visible, has correct text and attributes', () => {
// cy.get('[data-test=LayoutFooter__link--blog]').should('be.visible');
// cy.get('[data-test=LayoutFooter__link--blog]').invoke('text').should('eq', '→ Blog');
// cy.get('[data-test=LayoutFooter__link--blog]')
// .invoke('attr', 'href')
// .should('eq', 'https://blog.octant.build/');
// cy.get('[data-test=LayoutFooter__link--blog]')
// .invoke('attr', 'target')
// .should('eq', '_blank');
// });

// it('Terms of use link is visible, has correct text and attributes', () => {
// cy.get('[data-test=LayoutFooter__link--brandAssets]').should('be.visible');
// cy.get('[data-test=LayoutFooter__link--brandAssets]')
// .invoke('text')
// .should('eq', '→ Brand assets');
// cy.get('[data-test=LayoutFooter__link--brandAssets]')
// .invoke('attr', 'href')
// .should(
// 'eq',
// 'https://www.figma.com/community/file/1295533951881708349/octant-brand-assets',
// );
// cy.get('[data-test=LayoutFooter__link--brandAssets]')
// .invoke('attr', 'target')
// .should('eq', '_blank');
// });
// } else {
// it('Blog of use link doesn`t exist', () => {
// cy.get('[data-test=LayoutFooter__link--blog]').should('not.exist');
// });

// it('Terms of use link doesn`t exist', () => {
// cy.get('[data-test=LayoutFooter__link--brandAssets]').should('not.exist');
// });
// }
// });
// });
Loading
Loading