Update README.md to reflect upgrade to ASP.NET Core 5.0

Author: based-ghost

FullStackTesting/FullStackTesting.Web.Api/ClientApp/src/main.ts

@@ -11,9 +11,9 @@ import { snotifyDefaults } from '@/config/vue-snotify.config';
 
 Vue.config.productionTip = false;
 
-Vue.use(VModal)
-   .use(vClickOutside)
-   .use(Snotify, snotifyDefaults);
+Vue.use(VModal);
+Vue.use(vClickOutside);
+Vue.use(Snotify, snotifyDefaults);
 
 new Vue({
   router,

FullStackTesting/FullStackTesting.Web.Api/ClientApp/tsconfig.json

@@ -36,7 +36,6 @@
     "tests/**/*.tsx"
   ],
   "exclude": [
-    "bin",
     "node_modules"
   ]
 }

FullStackTesting/FullStackTesting.Web.Api/ClientApp/vue.config.js

@@ -7,11 +7,8 @@ module.exports = {
     }
 
     return {
-      devtool: false,
       performance: {
         hints: false,
-        maxEntrypointSize: 512000,
-        maxAssetSize: 512000
       },
       plugins: [],
     };

FullStackTesting/FullStackTesting.Web.Api/Persistence/Contexts/AppDbSeedData.cs

@@ -11,6 +11,7 @@ public static void LoadSeedData(AppDbContext dbContext)
             dbContext.Employees.Add(new Employee { Id = 3, FirstName = "Bob", LastName = "Smith", Department = "Human Resources", FullTime = true });
             dbContext.Employees.Add(new Employee { Id = 4, FirstName = "Debbie", LastName = "Test", Department = "Information Technology", FullTime = true });
             dbContext.Employees.Add(new Employee { Id = 5, FirstName = "Jeremy", LastName = "Wu", Department = "Claims", FullTime = false });
+
             dbContext.SaveChanges();
         }
     }

FullStackTesting/FullStackTesting.Web.Api/Startup.cs

@@ -82,6 +82,7 @@ public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
             });
 
             app.UseCors(_corsPolicyName);
+
             app.UseHttpsRedirection();
             app.UseStaticFiles();
             app.UseSpaStaticFiles();
@@ -95,20 +96,16 @@ public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
                     endpoints.MapToVueCliProxy(
                        "{*path}",
                        new SpaOptions { SourcePath = _spaSourcePath },
-                       "serve",
-                       regex: "running at"
+                       npmScript: "serve",
+                       regex: "running at",
+                       forceKill: true
                     );
                 }
                 else
                 {
                     endpoints.MapFallbackToFile("index.html");
                 }
             });
-
-            app.UseSpa(spa =>
-            {
-                spa.Options.SourcePath = _spaSourcePath;
-            });
         }
     }
 }

README.md

@@ -1,5 +1,5 @@
-# Full-Stack Testing (.NET 5.0 & Vue.js)
-Prototype application with a Vue.js client that has significant unit testing coverage with Vue Test Utils (Jest as the test runner) and configured for e2e testing with Nightwatch. The web API is built using .NET 5.0 and unit/integration testing is handled using xUnit.core. Has a basic, functional UI for executing requests to a back-end web api.
+# Full-Stack Testing (ASP.NET Core 5.0 & Vue.js)
+Prototype application with a Vue.js client that has significant unit testing coverage with Vue Test Utils (Jest as the test runner) and configured for e2e testing with Nightwatch. The web API is built using ASP.NET Core 5.0 and unit/integration testing is handled using xUnit.core. Has a basic, functional UI for executing requests to a back-end web api.
 
 ## Demo
 
@@ -14,7 +14,7 @@ Prototype application with a Vue.js client that has significant unit testing cov
 	- [`vuex-module-decorators`](https://github.com/championswimmer/vuex-module-decorators) which enables you to write class based vuex store modules
     - [`vue-snotify`](https://github.com/artemsky/vue-snotify) snackbar notifications (based off the original library for Angular)
 	- [`vue-js-modal`](https://github.com/euvl/vue-js-modal) for displaying compiled templates as modal components, or the option to create modals dynamically at runtime (my preferred modal plugin for Vue.js)
-- Back-end Web API using ```.NET 5.0``` and a seperate ```xUnit.core``` test project (for integration testing of Web API). For both Development and xUnit tests I am using the ```InMemory``` database option with ```Entity Framework Core``` for convienence
+- Back-end Web API using ```ASP.NET Core 5.0``` and a seperate ```xUnit.core``` test project (for integration testing of Web API). For both Development and xUnit tests I am using the ```InMemory``` database option with ```Entity Framework Core``` for convienence
 
 ## Setup
 1. Install the following (or confirm installed):
@@ -23,7 +23,7 @@ Prototype application with a Vue.js client that has significant unit testing cov
 2. After cloning the repo, run the command ```npm install``` in the ```ClientApp``` directory to restore all Node packages/dependencies from package.json
 3. Open the .sln solution in Visual Studio and make sure all dependencies and Nuget dependencies are installed/restored - won't hurt to rebuild the entire solution (both projects)
 4. Two potential ways to start the entire project:
-	- I installed and configured the [`aspnetcore-vueclimiddleware`](https://github.com/EEParker/aspnetcore-vueclimiddleware) in the FullStackTesting.Web.Api project - in theory this makes things easier by allowing you to launch the Web Api and the Vue.js client from within Visual Studio by just running the project. I found its functionality to be spotty when used with .NET Core 2.x, however, after upgrading to .NET Core 3.1 and bump the Nugtet package to the 3.1 version I encountered zero issues.
+	- I installed and configured the [`aspnetcore-vueclimiddleware`](https://github.com/EEParker/aspnetcore-vueclimiddleware) in the FullStackTesting.Web.Api project - in theory this makes things easier by allowing you to launch the Web Api and the Vue.js client from within Visual Studio by just running the project. I found its functionality to be spotty when used with .NET Core 2.x, however, after upgrading to .NET 5.0 and bump the Nuget package to the 5.0 version I encountered zero issues.
 
 
 ```csharp
@@ -33,9 +33,19 @@ app.UseEndpoints(endpoints => {
     endpoints.MapControllers();
 
     if (System.Diagnostics.Debugger.IsAttached)
-        endpoints.MapToVueCliProxy("{*path}", new SpaOptions { SourcePath = _spaSourcePath }, "serve", regex: "running at");
+    {
+        endpoints.MapToVueCliProxy(
+           "{*path}",
+           new SpaOptions { SourcePath = _spaSourcePath },
+           npmScript: "serve",
+           regex: "running at",
+           forceKill: true
+        );
+    }
     else
+    {
         endpoints.MapFallbackToFile("index.html");
+    }
 });
 ```