Clean up deployment implementation (#71)

* Clean up deployment implementation

* clean monaco base url

* add delay to each request in e2e test

* increate time out

Author: jojozhuang

cypress.config.ts

@@ -6,6 +6,7 @@ const config: any = {
     videosFolder: 'cypress/videos',
     downloadsFolder: 'cypress/downloads',
     baseUrl: 'https://text-compare.netlify.app',
+    pageLoadTimeout: 120000, // 2 minutes
     setupNodeEvents(on, cfg) {
       // keep default behavior; add plugins here if needed
       return cfg;

cypress/integration/home.cy.ts

@@ -1,19 +1,20 @@
 /// <reference types="cypress" />
 
 describe('Text Compare App', () => {
+  const delay = 1000; // 1 second
+
   beforeEach(() => {
-    cy.visit('https://text-compare.netlify.app/');
+    cy.visit('/');
+    cy.wait(delay); // wait 1 second before running each test
   });
 
   it('should display the app name on the home page', () => {
-    cy.visit('/');
     cy.contains('Text Compare');
     cy.contains('Netlify');
     cy.get('h1').should('contain.text', 'Text Compare');
   });
 
   it('should display two text boxes and a compare button', () => {
-    cy.visit('/');
     cy.get('#editor1').should('be.visible');
     cy.get('#editor2').should('be.visible');
     cy.contains('button', 'Compare').should('be.visible');
@@ -23,8 +24,8 @@ describe('Text Compare App', () => {
     const left = 'Hello World';
     const right = 'Hello world';
 
-    cy.get('#editor1').clear().type(left);
-    cy.get('#editor2').clear().type(right);
+    cy.get('#editor1').clear().type(left, { delay: 200 }); // 200ms between keystrokes
+    cy.get('#editor2').clear().type(right, { delay: 200 });
 
     cy.contains('button', 'Compare').click();
     cy.get('#diffeditor').should('be.visible');

src/app/app.module.ts

@@ -1,6 +1,5 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
-import { APP_BASE_HREF } from '@angular/common';
 
 import { AppComponent } from './app.component';
 import { HomeComponent } from './home/home.component';
@@ -31,7 +30,7 @@ import { environment } from '../environments/environment';
       baseUrl: environment.monacoBaseUrl
     })
   ],
-  providers: [{ provide: APP_BASE_HREF, useValue: environment.baseHref }],
+  providers: [],
   bootstrap: [AppComponent]
 })
 export class AppModule {}

src/environments/environment.azure.ts

@@ -1,6 +1,5 @@
 export const environment = {
   production: true,
   envName: 'Azure',
-  baseHref: '/',
-  monacoBaseUrl: '/assets/monaco/min/vs'
+  monacoBaseUrl: ''
 };

src/environments/environment.nas.ts

@@ -1,6 +1,5 @@
 export const environment = {
   production: true,
   envName: 'Nas',
-  baseHref: '/',
-  monacoBaseUrl: '/assets/monaco/min/vs'
+  monacoBaseUrl: ''
 };

src/environments/environment.netlify.ts

@@ -1,6 +1,5 @@
 export const environment = {
   production: true,
   envName: 'Netlify',
-  baseHref: '/',
-  monacoBaseUrl: '/assets/monaco/min/vs'
+  monacoBaseUrl: ''
 };

src/environments/environment.pages.ts

@@ -1,6 +1,5 @@
 export const environment = {
   production: true,
   envName: 'GitHub Pages',
-  baseHref: '/text-compare-angular/',
-  monacoBaseUrl: '/assets/monaco/min/vs'
+  monacoBaseUrl: ''
 };

src/environments/environment.pages2.ts

@@ -1,6 +1,5 @@
 export const environment = {
   production: true,
   envName: 'GitHub Pages',
-  baseHref: '/',
   monacoBaseUrl: '/text-compare-angular/assets/monaco/min/vs'
 };

src/environments/environment.prod.ts

@@ -1,6 +1,5 @@
 export const environment = {
   production: true,
   envName: 'Production',
-  baseHref: '/',
-  monacoBaseUrl: '/assets/monaco/min/vs'
+  monacoBaseUrl: ''
 };

src/environments/environment.render.ts

@@ -1,6 +1,5 @@
 export const environment = {
   production: true,
   envName: 'Render',
-  baseHref: '/',
-  monacoBaseUrl: '/assets/monaco/min/vs'
+  monacoBaseUrl: ''
 };