JsDaddy · andriikamaldinov1 · Sep 28, 2023 · Sep 28, 2023 · Sep 28, 2023 · Sep 28, 2023
diff --git a/.github/workflows/quality-check.yml b/.github/workflows/quality-check.yml
@@ -24,5 +24,6 @@ jobs:
           git submodule update --init --recursive --remote
           npm run lint
           npm test
+          npm run cypress:bash
           npm run build
           npm run build:lib
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 ### Feature
 
+- add suc cb
+
+# 16.0.0(2023-07-07)
+
+### Feature
+
 - update ng 16.x
 
 <a name="16.0.0"></a>

diff --git a/README.md b/README.md
@@ -108,3 +108,10 @@ Also you can bind it to any tag
 
 <p (click)="cp.copy()">Copy</p>
 ```
+Output success cb
+
+```html
+<p ngxCopyPaste #cp="copy" (successCb)="copy($event)">Lorem ipsum</p>
+
+<p (click)="cp.copy()">Copy</p>
+```                         
diff --git a/angular.json b/angular.json
@@ -21,7 +21,7 @@
             },
             "architect": {
                 "build": {
-                    "builder": "@angular-devkit/build-angular:browser",
+                    "builder": "@angular-devkit/build-angular:browser-esbuild",
                     "options": {
                         "outputPath": "dist/ngx-copypaste",
                         "index": "src/index.html",

diff --git a/cypress.config.ts b/cypress.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+    projectId: 'qhyo66',
+    component: {
+        devServer: {
+            framework: 'angular',
+            bundler: 'webpack',
+        },
+        specPattern: 'projects/ngx-copypaste-lib/src/test/**/*.cy-spec.ts',
+    },
+});
diff --git a/cypress/fixtures/example.json b/cypress/fixtures/example.json
@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "[email protected]",
+  "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
@@ -0,0 +1,4 @@
+// for add commands
+import { mount } from 'cypress/angular';
+
+Cypress.Commands.add('mount', mount);
diff --git a/cypress/support/component-index.html b/cypress/support/component-index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+        <title>Components App</title>
+    </head>
+    <body>
+        <div data-cy-root></div>
+    </body>
+</html>
diff --git a/cypress/support/component.ts b/cypress/support/component.ts
@@ -0,0 +1,41 @@
+// ***********************************************************
+// 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/angular';
+
+// Augment the Cypress namespace to include type definitions for
+// your custom command.
+// Alternatively, can be defined in cypress/support/component.d.ts
+// with a <reference path="./component" /> at the top of your spec.
+declare global {
+    // eslint-disable-next-line @typescript-eslint/no-namespace
+    namespace Cypress {
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        interface Chainable {
+            mount: typeof mount;
+        }
+    }
+}
+
+Cypress.Commands.add('mount', mount);
+
+// Example use:
+// cy.mount(MyComponent)