diff --git a/apps/testing/forms/.eslintrc.json b/apps/testing/forms/.eslintrc.json deleted file mode 100644 index bf8df14..0000000 --- a/apps/testing/forms/.eslintrc.json +++ /dev/null @@ -1,36 +0,0 @@ -{ - "extends": ["../../../.eslintrc.json"], - "ignorePatterns": ["!**/*"], - "overrides": [ - { - "files": ["*.ts"], - "rules": { - "@angular-eslint/directive-selector": [ - "error", - { - "type": "attribute", - "prefix": "app", - "style": "camelCase" - } - ], - "@angular-eslint/component-selector": [ - "error", - { - "type": "element", - "prefix": "app", - "style": "kebab-case" - } - ] - }, - "extends": [ - "plugin:@nx/angular", - "plugin:@angular-eslint/template/process-inline-templates" - ] - }, - { - "files": ["*.html"], - "extends": ["plugin:@nx/angular-template"], - "rules": {} - } - ] -} diff --git a/apps/testing/forms/README.md b/apps/testing/forms/README.md deleted file mode 100644 index a996cd0..0000000 --- a/apps/testing/forms/README.md +++ /dev/null @@ -1,38 +0,0 @@ -

Forms testing

- -> Author: Thomas Laforge - -## Statement: - -NOT IMPLEMENTED YET - - - -### Submitting your work - -1. Fork the project -2. clone it -3. npm ci -4. `npx nx serve testing-forms` to play with the application -5. `npx nx test testing-forms` to test your application with Testing Library -6. `npx nx component-test testing-forms --watch` to test your application with Cypress -7. _...work on it_ -8. Commit your work -9. Submit a PR with a title beginning with **Answer:20** that I will review and other dev can review. - -forms testing -forms testing solution author - - - -_You can ask any question on_ twitter diff --git a/apps/testing/forms/cypress.config.ts b/apps/testing/forms/cypress.config.ts deleted file mode 100644 index 7287d91..0000000 --- a/apps/testing/forms/cypress.config.ts +++ /dev/null @@ -1,6 +0,0 @@ -import { defineConfig } from 'cypress'; -import { nxComponentTestingPreset } from '@nx/angular/plugins/component-testing'; - -export default defineConfig({ - component: nxComponentTestingPreset(__filename), -}); diff --git a/apps/testing/forms/cypress/fixtures/example.json b/apps/testing/forms/cypress/fixtures/example.json deleted file mode 100644 index 02e4254..0000000 --- a/apps/testing/forms/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/apps/testing/forms/cypress/support/commands.ts b/apps/testing/forms/cypress/support/commands.ts deleted file mode 100644 index e6c8976..0000000 --- a/apps/testing/forms/cypress/support/commands.ts +++ /dev/null @@ -1,42 +0,0 @@ -/// -import { mount } from 'cypress/angular'; - -// *********************************************** -// 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 -// *********************************************** - -declare global { - // eslint-disable-next-line @typescript-eslint/no-namespace - namespace Cypress { - // eslint-disable-next-line @typescript-eslint/no-unused-vars - interface Chainable { - login(email: string, password: string): void; - mount: typeof mount; - } - } -} - -Cypress.Commands.add('mount', mount); - -// -// -- This is a parent command -- -Cypress.Commands.add('login', (email, password) => { - console.log('Custom command example: 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) => { ... }) diff --git a/apps/testing/forms/cypress/support/component-index.html b/apps/testing/forms/cypress/support/component-index.html deleted file mode 100644 index 108ce7b..0000000 --- a/apps/testing/forms/cypress/support/component-index.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - testing-forms Components App - - -
- - diff --git a/apps/testing/forms/cypress/support/component.ts b/apps/testing/forms/cypress/support/component.ts deleted file mode 100644 index e3684db..0000000 --- a/apps/testing/forms/cypress/support/component.ts +++ /dev/null @@ -1,17 +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.ts using ES2015 syntax: -import './commands'; diff --git a/apps/testing/forms/cypress/tsconfig.json b/apps/testing/forms/cypress/tsconfig.json deleted file mode 100644 index 918d963..0000000 --- a/apps/testing/forms/cypress/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "extends": "../tsconfig.json", - "compilerOptions": { - "outDir": "../../../dist/out-tsc", - "module": "commonjs", - "types": ["cypress", "node"], - "sourceMap": false - }, - "include": [ - "support/**/*.ts", - "../cypress.config.ts", - "../**/*.cy.ts", - "../**/*.cy.tsx", - "../**/*.cy.js", - "../**/*.cy.jsx", - "../**/*.d.ts" - ] -} diff --git a/apps/testing/forms/jest.config.ts b/apps/testing/forms/jest.config.ts deleted file mode 100644 index bee4054..0000000 --- a/apps/testing/forms/jest.config.ts +++ /dev/null @@ -1,21 +0,0 @@ -/* eslint-disable */ -export default { - displayName: 'testing-forms', - preset: '../../../jest.preset.js', - setupFilesAfterEnv: ['/src/test-setup.ts'], - transform: { - '^.+\\.(ts|mjs|js|html)$': [ - 'jest-preset-angular', - { - tsconfig: '/tsconfig.spec.json', - stringifyContentPathRegex: '\\.(html|svg)$', - }, - ], - }, - transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'], - snapshotSerializers: [ - 'jest-preset-angular/build/serializers/no-ng-attributes', - 'jest-preset-angular/build/serializers/ng-snapshot', - 'jest-preset-angular/build/serializers/html-comment', - ], -}; diff --git a/apps/testing/forms/project.json b/apps/testing/forms/project.json deleted file mode 100644 index dbec4f4..0000000 --- a/apps/testing/forms/project.json +++ /dev/null @@ -1,105 +0,0 @@ -{ - "name": "testing-forms", - "$schema": "../../../node_modules/nx/schemas/project-schema.json", - "projectType": "application", - "sourceRoot": "apps/testing/forms/src", - "prefix": "app", - "targets": { - "build": { - "executor": "@angular-devkit/build-angular:browser", - "outputs": ["{options.outputPath}"], - "options": { - "outputPath": "dist/apps/testing/forms", - "index": "apps/testing/forms/src/index.html", - "main": "apps/testing/forms/src/main.ts", - "polyfills": ["zone.js"], - "tsConfig": "apps/testing/forms/tsconfig.app.json", - "inlineStyleLanguage": "scss", - "assets": [ - "apps/testing/forms/src/favicon.ico", - "apps/testing/forms/src/assets" - ], - "styles": ["apps/testing/forms/src/styles.scss"], - "scripts": [] - }, - "configurations": { - "production": { - "budgets": [ - { - "type": "initial", - "maximumWarning": "500kb", - "maximumError": "1mb" - }, - { - "type": "anyComponentStyle", - "maximumWarning": "2kb", - "maximumError": "4kb" - } - ], - "outputHashing": "all" - }, - "development": { - "buildOptimizer": false, - "optimization": false, - "vendorChunk": true, - "extractLicenses": false, - "sourceMap": true, - "namedChunks": true - } - }, - "defaultConfiguration": "production" - }, - "serve": { - "executor": "@angular-devkit/build-angular:dev-server", - "configurations": { - "production": { - "browserTarget": "testing-forms:build:production" - }, - "development": { - "browserTarget": "testing-forms:build:development" - } - }, - "defaultConfiguration": "development" - }, - "extract-i18n": { - "executor": "@angular-devkit/build-angular:extract-i18n", - "options": { - "browserTarget": "testing-forms:build" - } - }, - "lint": { - "executor": "@nx/linter:eslint", - "outputs": ["{options.outputFile}"], - "options": { - "lintFilePatterns": [ - "apps/testing/forms/**/*.ts", - "apps/testing/forms/**/*.html" - ] - } - }, - "test": { - "executor": "@nx/jest:jest", - "outputs": ["{workspaceRoot}/coverage/{projectRoot}"], - "options": { - "jestConfig": "apps/testing/forms/jest.config.ts", - "passWithNoTests": true - }, - "configurations": { - "ci": { - "ci": true, - "codeCoverage": true - } - } - }, - "component-test": { - "executor": "@nx/cypress:cypress", - "options": { - "cypressConfig": "apps/testing/forms/cypress.config.ts", - "testingType": "component", - "skipServe": true, - "devServerTarget": "testing-forms:build" - } - } - }, - "tags": [] -} diff --git a/apps/testing/forms/src/app/app.component.spec.ts b/apps/testing/forms/src/app/app.component.spec.ts deleted file mode 100644 index f0d4b8e..0000000 --- a/apps/testing/forms/src/app/app.component.spec.ts +++ /dev/null @@ -1,32 +0,0 @@ -import { TestBed } from '@angular/core/testing'; -import { AppComponent } from './app.component'; -import { NxWelcomeComponent } from './nx-welcome.component'; - -describe('AppComponent', () => { - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [AppComponent, NxWelcomeComponent], - }).compileComponents(); - }); - - it('should create the app', () => { - const fixture = TestBed.createComponent(AppComponent); - const app = fixture.componentInstance; - expect(app).toBeTruthy(); - }); - - it(`should have as title 'testing-forms'`, () => { - const fixture = TestBed.createComponent(AppComponent); - const app = fixture.componentInstance; - expect(app.title).toEqual('testing-forms'); - }); - - it('should render title', () => { - const fixture = TestBed.createComponent(AppComponent); - fixture.detectChanges(); - const compiled = fixture.nativeElement as HTMLElement; - expect(compiled.querySelector('h1')?.textContent).toContain( - 'Welcome testing-forms' - ); - }); -}); diff --git a/apps/testing/forms/src/app/app.component.ts b/apps/testing/forms/src/app/app.component.ts deleted file mode 100644 index 4010c3c..0000000 --- a/apps/testing/forms/src/app/app.component.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { NxWelcomeComponent } from './nx-welcome.component'; -import { Component } from '@angular/core'; - -@Component({ - standalone: true, - imports: [NxWelcomeComponent], - selector: 'app-root', - template: ` `, - styles: [], -}) -export class AppComponent { - title = 'testing-forms'; -} diff --git a/apps/testing/forms/src/app/nx-welcome.component.ts b/apps/testing/forms/src/app/nx-welcome.component.ts deleted file mode 100644 index d311db8..0000000 --- a/apps/testing/forms/src/app/nx-welcome.component.ts +++ /dev/null @@ -1,801 +0,0 @@ -import { Component, ViewEncapsulation } from '@angular/core'; -import { CommonModule } from '@angular/common'; - -/* eslint-disable */ - -@Component({ - selector: 'app-nx-welcome', - standalone: true, - imports: [CommonModule], - template: ` - - -
-
- -
-

- Hello there, - Welcome testing-forms 👋 -

-
- - -
-
-

- - - - You're up and running -

- What's next? -
-
- - - -
-
- - -
- - -
- - -
-

Next steps

-

Here are some things you can do with Nx:

-
- - - - - Add UI library - - 
# Generate UI lib
-nx g @nx/angular:lib ui
-
-# Add a component
-nx g @nx/angular:component button --project ui
-
-
- - - - - View interactive project graph - - 
nx graph
-
-
- - - - - Run affected commands - - 
# see what's been affected by changes
-nx affected:graph
-
-# run tests for current changes
-nx affected:test
-
-# run e2e tests for current changes
-nx affected:e2e
-
-
- -

- Carefully crafted with - - - -

-
-
- `, - styles: [], - encapsulation: ViewEncapsulation.None, -}) -export class NxWelcomeComponent {} diff --git a/apps/testing/forms/src/assets/.gitkeep b/apps/testing/forms/src/assets/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/apps/testing/forms/src/favicon.ico b/apps/testing/forms/src/favicon.ico deleted file mode 100644 index 317ebcb..0000000 Binary files a/apps/testing/forms/src/favicon.ico and /dev/null differ diff --git a/apps/testing/forms/src/index.html b/apps/testing/forms/src/index.html deleted file mode 100644 index a27718f..0000000 --- a/apps/testing/forms/src/index.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - TestingForms - - - - - - - - diff --git a/apps/testing/forms/src/main.ts b/apps/testing/forms/src/main.ts deleted file mode 100644 index 31c5da4..0000000 --- a/apps/testing/forms/src/main.ts +++ /dev/null @@ -1,4 +0,0 @@ -import { bootstrapApplication } from '@angular/platform-browser'; -import { AppComponent } from './app/app.component'; - -bootstrapApplication(AppComponent).catch((err) => console.error(err)); diff --git a/apps/testing/forms/src/styles.scss b/apps/testing/forms/src/styles.scss deleted file mode 100644 index 77e408a..0000000 --- a/apps/testing/forms/src/styles.scss +++ /dev/null @@ -1,5 +0,0 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - -/* You can add global styles to this file, and also import other style files */ diff --git a/apps/testing/forms/src/test-setup.ts b/apps/testing/forms/src/test-setup.ts deleted file mode 100644 index 15de72a..0000000 --- a/apps/testing/forms/src/test-setup.ts +++ /dev/null @@ -1,2 +0,0 @@ -import '@testing-library/jest-dom'; -import 'jest-preset-angular/setup-jest'; diff --git a/apps/testing/forms/tailwind.config.js b/apps/testing/forms/tailwind.config.js deleted file mode 100644 index 38183db..0000000 --- a/apps/testing/forms/tailwind.config.js +++ /dev/null @@ -1,14 +0,0 @@ -const { createGlobPatternsForDependencies } = require('@nx/angular/tailwind'); -const { join } = require('path'); - -/** @type {import('tailwindcss').Config} */ -module.exports = { - content: [ - join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'), - ...createGlobPatternsForDependencies(__dirname), - ], - theme: { - extend: {}, - }, - plugins: [], -}; diff --git a/apps/testing/forms/tsconfig.app.json b/apps/testing/forms/tsconfig.app.json deleted file mode 100644 index 01a02ed..0000000 --- a/apps/testing/forms/tsconfig.app.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "extends": "./tsconfig.json", - "compilerOptions": { - "outDir": "../../../dist/out-tsc", - "types": [] - }, - "files": ["src/main.ts"], - "include": ["src/**/*.d.ts"], - "exclude": [ - "jest.config.ts", - "src/**/*.test.ts", - "src/**/*.spec.ts", - "cypress/**/*", - "cypress.config.ts", - "**/*.cy.ts", - "**/*.cy.js", - "**/*.cy.tsx", - "**/*.cy.jsx" - ] -} diff --git a/apps/testing/forms/tsconfig.editor.json b/apps/testing/forms/tsconfig.editor.json deleted file mode 100644 index 8ae117d..0000000 --- a/apps/testing/forms/tsconfig.editor.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "extends": "./tsconfig.json", - "include": ["src/**/*.ts"], - "compilerOptions": { - "types": ["jest", "node"] - } -} diff --git a/apps/testing/forms/tsconfig.json b/apps/testing/forms/tsconfig.json deleted file mode 100644 index 3879b94..0000000 --- a/apps/testing/forms/tsconfig.json +++ /dev/null @@ -1,35 +0,0 @@ -{ - "compilerOptions": { - "target": "es2022", - "useDefineForClassFields": false, - "forceConsistentCasingInFileNames": true, - "strict": true, - "noImplicitOverride": true, - "noPropertyAccessFromIndexSignature": true, - "noImplicitReturns": true, - "noFallthroughCasesInSwitch": true - }, - "files": [], - "include": [], - "references": [ - { - "path": "./tsconfig.app.json" - }, - { - "path": "./tsconfig.spec.json" - }, - { - "path": "./tsconfig.editor.json" - }, - { - "path": "./cypress/tsconfig.json" - } - ], - "extends": "../../../tsconfig.base.json", - "angularCompilerOptions": { - "enableI18nLegacyMessageIdFormat": false, - "strictInjectionParameters": true, - "strictInputAccessModifiers": true, - "strictTemplates": true - } -} diff --git a/apps/testing/forms/tsconfig.spec.json b/apps/testing/forms/tsconfig.spec.json deleted file mode 100644 index c0c092e..0000000 --- a/apps/testing/forms/tsconfig.spec.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "extends": "./tsconfig.json", - "compilerOptions": { - "outDir": "../../../dist/out-tsc", - "module": "commonjs", - "types": ["jest", "node", "@testing-library/jest-dom"] - }, - "files": ["src/test-setup.ts"], - "include": [ - "jest.config.ts", - "src/**/*.test.ts", - "src/**/*.spec.ts", - "src/**/*.d.ts" - ] -}