From 26b251886ee3edb92cebc779f4efddef2e70dbad Mon Sep 17 00:00:00 2001 From: braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Sat, 8 Oct 2022 14:37:01 +0200 Subject: [PATCH] tests: add additional components tests --- .../background/App.vue | 9 ++++++ .../background/background.cy.ts | 18 ++++++++++++ .../3-additional-components/controls/App.vue | 9 ++++++ .../controls/controls.cy.ts | 18 ++++++++++++ .../3-additional-components/minimap/App.vue | 20 +++++++++++++ .../minimap/minimap.cy.ts | 29 +++++++++++++++++++ e2e/package.json | 3 +- e2e/vite.config.ts | 2 ++ pnpm-lock.yaml | 19 ++++++++++-- 9 files changed, 123 insertions(+), 4 deletions(-) create mode 100644 e2e/cypress/component/3-additional-components/background/App.vue create mode 100644 e2e/cypress/component/3-additional-components/background/background.cy.ts create mode 100644 e2e/cypress/component/3-additional-components/controls/App.vue create mode 100644 e2e/cypress/component/3-additional-components/controls/controls.cy.ts create mode 100644 e2e/cypress/component/3-additional-components/minimap/App.vue create mode 100644 e2e/cypress/component/3-additional-components/minimap/minimap.cy.ts diff --git a/e2e/cypress/component/3-additional-components/background/App.vue b/e2e/cypress/component/3-additional-components/background/App.vue new file mode 100644 index 00000000..67d4840e --- /dev/null +++ b/e2e/cypress/component/3-additional-components/background/App.vue @@ -0,0 +1,9 @@ + + + diff --git a/e2e/cypress/component/3-additional-components/background/background.cy.ts b/e2e/cypress/component/3-additional-components/background/background.cy.ts new file mode 100644 index 00000000..f64f2c5f --- /dev/null +++ b/e2e/cypress/component/3-additional-components/background/background.cy.ts @@ -0,0 +1,18 @@ +import App from './App.vue' + +describe('Render Background', () => { + beforeEach(() => { + cy.mount(App, { + attrs: { + style: { + width: '100vw', + height: '100vh', + }, + }, + }) + }) + + it('renders background', () => { + cy.get('.vue-flow__background').should('exist') + }) +}) diff --git a/e2e/cypress/component/3-additional-components/controls/App.vue b/e2e/cypress/component/3-additional-components/controls/App.vue new file mode 100644 index 00000000..42f522ab --- /dev/null +++ b/e2e/cypress/component/3-additional-components/controls/App.vue @@ -0,0 +1,9 @@ + + + diff --git a/e2e/cypress/component/3-additional-components/controls/controls.cy.ts b/e2e/cypress/component/3-additional-components/controls/controls.cy.ts new file mode 100644 index 00000000..7af13101 --- /dev/null +++ b/e2e/cypress/component/3-additional-components/controls/controls.cy.ts @@ -0,0 +1,18 @@ +import App from './App.vue' + +describe('Render Controls', () => { + beforeEach(() => { + cy.mount(App, { + attrs: { + style: { + width: '100vw', + height: '100vh', + }, + }, + }) + }) + + it('renders controls', () => { + cy.get('.vue-flow__controls').should('exist') + }) +}) diff --git a/e2e/cypress/component/3-additional-components/minimap/App.vue b/e2e/cypress/component/3-additional-components/minimap/App.vue new file mode 100644 index 00000000..0f864b66 --- /dev/null +++ b/e2e/cypress/component/3-additional-components/minimap/App.vue @@ -0,0 +1,20 @@ + + + diff --git a/e2e/cypress/component/3-additional-components/minimap/minimap.cy.ts b/e2e/cypress/component/3-additional-components/minimap/minimap.cy.ts new file mode 100644 index 00000000..710f372d --- /dev/null +++ b/e2e/cypress/component/3-additional-components/minimap/minimap.cy.ts @@ -0,0 +1,29 @@ +import { getElements } from '../../../utils' +import App from './App.vue' + +const { nodes, edges } = getElements() + +describe('Render MiniMap', () => { + beforeEach(() => { + cy.mount(App, { + props: { + nodes, + edges, + }, + attrs: { + style: { + width: '100vw', + height: '100vh', + }, + }, + }) + }) + + it('renders minimap', () => { + cy.get('.vue-flow__minimap').should('exist') + }) + + it('renders minimap nodes', () => { + cy.get('.vue-flow__minimap-node').should('have.length', nodes.length) + }) +}) diff --git a/e2e/package.json b/e2e/package.json index 5b4804cc..f38523ef 100644 --- a/e2e/package.json +++ b/e2e/package.json @@ -10,6 +10,7 @@ "@braks/vue-flow": "workspace:*" }, "devDependencies": { - "cypress": "^10.9.0" + "cypress": "^10.9.0", + "@vitejs/plugin-vue": "^2.3.4" } } diff --git a/e2e/vite.config.ts b/e2e/vite.config.ts index 41e8fd2b..c51007de 100644 --- a/e2e/vite.config.ts +++ b/e2e/vite.config.ts @@ -1,6 +1,8 @@ import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue' export default defineConfig({ + plugins: [vue({ reactivityTransform: true })], server: { fs: { strict: false, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 9be7ef36..f45eb416 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -78,10 +78,12 @@ importers: e2e: specifiers: '@braks/vue-flow': workspace:* + '@vitejs/plugin-vue': ^2.3.4 cypress: ^10.9.0 dependencies: '@braks/vue-flow': link:../packages/vue-flow devDependencies: + '@vitejs/plugin-vue': 2.3.4_vite@2.9.15+vue@3.2.40 cypress: 10.9.0 examples/nuxt3: @@ -2125,8 +2127,8 @@ packages: - supports-color dev: true - /@vitejs/plugin-vue/2.3.3_vite@2.9.14+vue@3.2.37: - resolution: {integrity: sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==} + /@vitejs/plugin-vue/2.3.4_vite@2.9.14+vue@3.2.37: + resolution: {integrity: sha512-IfFNbtkbIm36O9KB8QodlwwYvTEsJb4Lll4c2IwB3VHc2gie2mSPtSzL0eYay7X2jd/2WX02FjSGTWR6OPr/zg==} engines: {node: '>=12.0.0'} peerDependencies: vite: ^2.5.10 @@ -2147,6 +2149,17 @@ packages: vue: 3.2.37 dev: true + /@vitejs/plugin-vue/2.3.4_vite@2.9.15+vue@3.2.40: + resolution: {integrity: sha512-IfFNbtkbIm36O9KB8QodlwwYvTEsJb4Lll4c2IwB3VHc2gie2mSPtSzL0eYay7X2jd/2WX02FjSGTWR6OPr/zg==} + engines: {node: '>=12.0.0'} + peerDependencies: + vite: ^2.5.10 + vue: ^3.2.25 + dependencies: + vite: 2.9.15 + vue: 3.2.40 + dev: true + /@vitejs/plugin-vue/3.1.2_vite@3.1.6+vue@3.2.40: resolution: {integrity: sha512-3zxKNlvA3oNaKDYX0NBclgxTQ1xaFdL7PzwF6zj9tGFziKwmBa3Q/6XcJQxudlT81WxDjEhHmevvIC4Orc1LhQ==} engines: {node: ^14.18.0 || >=16.0.0} @@ -11149,7 +11162,7 @@ packages: dependencies: '@docsearch/css': 3.1.1 '@docsearch/js': 3.1.1_imvgwgjzmeisgkq5uchhrryg6y - '@vitejs/plugin-vue': 2.3.3_vite@2.9.14+vue@3.2.37 + '@vitejs/plugin-vue': 2.3.4_vite@2.9.14+vue@3.2.37 '@vue/devtools-api': 6.2.1 '@vueuse/core': 8.9.4_vue@3.2.37 body-scroll-lock: 4.0.0-beta.0