Add cypress

webdevnerdstuff · webdevnerdstuff · commit 573aa9384794 · 2024-04-28T13:40:55.000-07:00
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -16,6 +16,7 @@ module.exports = {
 		'vite.config.mts',
 		'*.bk.vue',
 		'cypress/**/*',
+		'**/**/*.cy.ts',
 	],
 	overrides: [
 		{
diff --git a/cypress.config.ts b/cypress.config.ts
@@ -1,12 +1,19 @@
 import { defineConfig } from "cypress";
 
 export default defineConfig({
-	component: {
-		devServer: {
-			framework: "vue",
-			bundler: "vite",
-		},
-	},
-	viewportHeight: 768,
-	viewportWidth: 1024,
+  component: {
+    devServer: {
+      framework: "vue",
+      bundler: "vite",
+    },
+  },
+
+  viewportHeight: 768,
+  viewportWidth: 1024,
+
+  e2e: {
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
 });
diff --git a/cypress/support/e2e.ts b/cypress/support/e2e.ts
@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/e2e.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')
diff --git a/src/plugin/__tests__/VCodeBlock.cy.ts b/src/plugin/__tests__/VCodeBlock.cy.ts
@@ -0,0 +1,41 @@
+import { VCodeBlock } from '../index';
+import {
+	mount,
+} from 'cypress/vue';
+
+// const errorMessage = '[vue-code-block]: You must set either the prismjs or highlightjs props.';
+
+describe('Highlight.js', () => {
+
+	it('should render js', () => {
+		// see: https://on.cypress.io/mounting-vue
+		mount(VCodeBlock, {
+			props: {
+				code: 'const foo = "bar"\nconsole.log(foo)',
+				highlightjs: true,
+			}
+		});
+	});
+
+
+	// 	it('render html', () => {
+	// 		mount(VCodeBlock, {
+	// 			props: {
+	// 				code: `<html>
+	//   <head>
+	//     <title>Document</title>
+	//   </head>
+	//   <body>
+	//     <h1>Hello World</h1>
+	//   </body>
+	// </html>`,
+	// 				highlightjs: true,
+	// 				lang: 'html'
+	// 			}
+	// 		});
+	// 	});
+
+});
+
+
+// const errorMessage = '[vue-code-block]: You must set either the prismjs or highlightjs props.';

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,7 @@ module.exports = {`
`16`	`16`	`'vite.config.mts',`
`17`	`17`	`'*.bk.vue',`
`18`	`18`	`'cypress/*/',`
	`19`	`+ '//*.cy.ts',`
`19`	`20`	`],`
`20`	`21`	`overrides: [`
`21`	`22`	`{`