diff --git a/cypress.config.ts b/cypress.config.ts deleted file mode 100644 index 85f13dc..0000000 --- a/cypress.config.ts +++ /dev/null @@ -1,18 +0,0 @@ -import { defineConfig } from 'cypress'; -import * as webpackConfig from 'visyn_scripts/config/webpack.config'; - -export default defineConfig({ - viewportHeight: 1080, - viewportWidth: 1920, - defaultCommandTimeout: 10000, - e2e: { - baseUrl: 'http://localhost:8080', - }, - component: { - devServer: { - framework: 'react', - bundler: 'webpack', - webpackConfig: webpackConfig({ workspace_mode: 'single' }, { mode: 'production' }), - }, - }, -}); diff --git a/cypress/.gitignore b/cypress/.gitignore deleted file mode 100644 index c01f42a..0000000 --- a/cypress/.gitignore +++ /dev/null @@ -1,2 +0,0 @@ -/videos -/screenshots diff --git a/cypress/component/component-health-check.cy.tsx b/cypress/component/component-health-check.cy.tsx deleted file mode 100644 index d99e63f..0000000 --- a/cypress/component/component-health-check.cy.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import * as React from 'react'; -import { VisynApp, VisynAppProvider } from 'visyn_core/app'; - -describe('Health check for Cypress component test', () => { - it('should mount App', () => { - cy.mount( - - Hello app_template! - , - ); - cy.get('div').should('include.text', 'Hello app_template!'); - }); -}); diff --git a/cypress/e2e/e2e-health-check.cy.ts b/cypress/e2e/e2e-health-check.cy.ts deleted file mode 100644 index 874251b..0000000 --- a/cypress/e2e/e2e-health-check.cy.ts +++ /dev/null @@ -1,5 +0,0 @@ -describe('Health check for Cypress e2e test', () => { - it('Shows the start page', () => { - cy.get('div').should('include.text', 'Hello app_template!'); - }); -}); diff --git a/cypress/fixtures/cypress_logo.png b/cypress/fixtures/cypress_logo.png deleted file mode 100644 index ad8c701..0000000 Binary files a/cypress/fixtures/cypress_logo.png and /dev/null differ diff --git a/cypress/fixtures/example.json b/cypress/fixtures/example.json deleted file mode 100644 index 02e4254..0000000 --- a/cypress/fixtures/example.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "name": "Using fixtures to represent data", - "email": "hello@cypress.io", - "body": "Fixtures are a great way to mock data for responses to routes" -} diff --git a/cypress/support/commands.ts b/cypress/support/commands.ts deleted file mode 100644 index 1d16bfc..0000000 --- a/cypress/support/commands.ts +++ /dev/null @@ -1,39 +0,0 @@ -/// -// *********************************************** -// This example commands.ts shows you how to -// create various custom commands and overwrite -// existing commands. -// -// For more comprehensive examples of custom -// commands please read more here: -// https://on.cypress.io/custom-commands -// *********************************************** -// -// -// -- This is a parent command -- -// Cypress.Commands.add('login', (email, password) => { ... }) -// -// -// -- This is a child command -- -// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... }) -// -// -// -- This is a dual command -- -// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... }) -// -// -// -- This will overwrite an existing command -- -// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... }) -// -// declare global { -// namespace Cypress { -// interface Chainable { -// login(email: string, password: string): Chainable -// drag(subject: string, options?: Partial): Chainable -// dismiss(subject: string, options?: Partial): Chainable -// visit(originalFn: CommandOriginalFn, url: string, options: Partial): Chainable -// } -// } -// } - -Cypress.Commands.add('dataCy', (value: string, options?: { timeout?: number }) => cy.get(`[data-testid*=${value}]`, options)); diff --git a/cypress/support/component-index.html b/cypress/support/component-index.html deleted file mode 100644 index c369b7b..0000000 --- a/cypress/support/component-index.html +++ /dev/null @@ -1,10 +0,0 @@ - - - - - Components App - - -
- - \ No newline at end of file diff --git a/cypress/support/component.ts b/cypress/support/component.ts deleted file mode 100644 index 06f9fa5..0000000 --- a/cypress/support/component.ts +++ /dev/null @@ -1,40 +0,0 @@ -// *********************************************************** -// This example support/component.ts is processed and -// loaded automatically before your test files. -// -// This is a great place to put global configuration and -// behavior that modifies Cypress. -// -// You can change the location of this file or turn off -// automatically serving support files with the -// 'supportFile' configuration option. -// -// You can read more here: -// https://on.cypress.io/configuration -// *********************************************************** - -// Import commands.js using ES2015 syntax: -import './commands'; - -// Alternatively you can use CommonJS syntax: -// require('./commands') - -import { mount } from 'cypress/react18'; - -// Augment the Cypress namespace to include type definitions for -// your custom command. -// Alternatively, can be defined in cypress/support/component.d.ts -// with a at the top of your spec. -declare global { - // eslint-disable-next-line @typescript-eslint/no-namespace - namespace Cypress { - interface Chainable { - mount: typeof mount; - } - } -} - -Cypress.Commands.add('mount', mount); - -// Example use: -// cy.mount() diff --git a/cypress/support/e2e.ts b/cypress/support/e2e.ts deleted file mode 100644 index 83520de..0000000 --- a/cypress/support/e2e.ts +++ /dev/null @@ -1,24 +0,0 @@ -// *********************************************************** -// This example support/index.js is processed and -// loaded automatically before your test files. -// -// This is a great place to put global configuration and -// behavior that modifies Cypress. -// -// You can change the location of this file or turn off -// automatically serving support files with the -// 'supportFile' configuration option. -// -// You can read more here: -// https://on.cypress.io/configuration -// *********************************************************** - -// Import commands.js using ES2015 syntax: -import './commands'; - -beforeEach(() => { - cy.visit('/'); -}); - -// Alternatively you can use CommonJS syntax: -// require('./commands') diff --git a/cypress/support/index.d.ts b/cypress/support/index.d.ts deleted file mode 100644 index 8c9b38b..0000000 --- a/cypress/support/index.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -declare namespace Cypress { - interface Chainable { - /** - * Custom command to select DOM element by data-cy attribute. - * @example cy.dataCy('greeting') - */ - dataCy(value: string, options?: { timeout?: number }): Chainable>; - } -} diff --git a/cypress/tsconfig.json b/cypress/tsconfig.json deleted file mode 100644 index 76b6ced..0000000 --- a/cypress/tsconfig.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "extends": "visyn_scripts/config/tsconfig.template.json", - "compilerOptions": { - "outDir": "./dist", - "sourceMap": false, - "types": [ - "cypress", - "./support", - ] - }, - "include": [ - "../cypress.config.ts", - "./**/*.ts", - "./**/*.tsx", - "../tsd.d.ts" - ] -} diff --git a/playwright/app/app.spec.ts b/playwright/app/app.spec.ts index 19d05ea..8c177c4 100644 --- a/playwright/app/app.spec.ts +++ b/playwright/app/app.spec.ts @@ -1,12 +1,9 @@ -import { test } from '@playwright/test'; +import { test, expect } from '@playwright/test'; test.describe('App', () => { test('App test 01', async ({ page }) => { await page.goto('/'); - - await page.getByText('Campaign name').fill('Test campaign name'); - await page.getByText('Campaign description').fill('Test campaign description'); - await page.getByText('Create campaign').click(); - await page.getByText('Delete').click(); + + await expect(page.getByText('My first campaign')).toBeVisible(); }); }); \ No newline at end of file