bug(generate): ensure classes and imports are in lower case (#2920)

Fixes#2833

Author: Brocco

packages/angular-cli/blueprints/component/index.js

@@ -124,7 +124,7 @@ module.exports = {
 constreturns=[];
 constclassName=stringUtils.classify(`${options.entity.name}Component`);
 constfileName=stringUtils.dasherize(`${options.entity.name}.component`);
-constcomponentDir=path.relative(path.dirname(this.pathToModule),this.generatePath);
+constcomponentDir=path.relative(path.dirname(this.pathToModule),this.generatePath).toLowerCase();
 constimportPath=componentDir ? `./${componentDir}/${fileName}` : `./${fileName}`;
 
 if(!options['skip-import']){

packages/angular-cli/blueprints/directive/index.js

@@ -87,7 +87,7 @@ module.exports = {
 constfileName=stringUtils.dasherize(`${options.entity.name}.directive`);
 constfullGeneratePath=path.join(this.project.root,this.generatePath);
 constmoduleDir=path.parse(this.pathToModule).dir;
-constrelativeDir=path.relative(moduleDir,fullGeneratePath);
+constrelativeDir=path.relative(moduleDir,fullGeneratePath).toLowerCase();
 constimportPath=relativeDir ? `./${relativeDir}/${fileName}` : `./${fileName}`;
 
 if(!options['skip-import']){

packages/angular-cli/blueprints/pipe/index.js

@@ -75,7 +75,7 @@ module.exports = {
 constfileName=stringUtils.dasherize(`${options.entity.name}.pipe`);
 constfullGeneratePath=path.join(this.project.root,this.generatePath);
 constmoduleDir=path.parse(this.pathToModule).dir;
-constrelativeDir=path.relative(moduleDir,fullGeneratePath);
+constrelativeDir=path.relative(moduleDir,fullGeneratePath).toLowerCase();
 constimportPath=relativeDir ? `./${relativeDir}/${fileName}` : `./${fileName}`;
 
 if(!options['skip-import']){

tests/e2e/tests/generate/component.ts …ts/generate/component/component-basic.tstests/e2e/tests/generate/component.ts renamed to tests/e2e/tests/generate/component/component-basic.ts tests/e2e/tests/generate/component.ts renamed to tests/e2e/tests/generate/component/component-basic.ts

@@ -1,6 +1,6 @@
 import{join}from'path';
-import{ng}from'../../utils/process';
-import{expectFileToExist}from'../../utils/fs';
+import{ng}from'../../../utils/process';
+import{expectFileToExist}from'../../../utils/fs';
 
 
 exportdefaultfunction(){

tests/e2e/tests/generate/component/component-path-case.ts

@@ -0,0 +1,20 @@
+import{join}from'path';
+import{ng}from'../../../utils/process';
+import{expectFileToExist,createDir}from'../../../utils/fs';
+
+
+exportdefaultfunction(){
+constrootDir=join('src','app','upper-dir');
+constcomponentDir=join(rootDir.toLowerCase(),'test-component');
+createDir(rootDir);
+
+returnng('generate','component','Upper-Dir','test-component')
+.then(()=>expectFileToExist(componentDir))
+.then(()=>expectFileToExist(join(componentDir,'test-component.component.ts')))
+.then(()=>expectFileToExist(join(componentDir,'test-component.component.spec.ts')))
+.then(()=>expectFileToExist(join(componentDir,'test-component.component.html')))
+.then(()=>expectFileToExist(join(componentDir,'test-component.component.css')))
+
+// Try to run the unit tests.
+.then(()=>ng('test','--watch=false'));
+}