[ADF-2569] fix reload app.config.json (#3124)

* fix reload app.config.json

* improve style mobile
fix test

* test karma setup update

* fix core providers test

* remove unused providers

* use mock api in service test

* skip test in the wrong place

* remove comma

* remove fdescribe

lib/content-services/upload/components/upload-drag-area.component.css

@@ -1,6 +1,12 @@
+adf-upload-drag-area {
+    overflow: hidden;
+}
+
 .upload-border {
     vertical-align: middle;
     text-align: center;
+    width: 100%;
+    box-sizing: border-box;
 }
 
 .file-draggable__input-focus {

lib/content-services/upload/components/upload-drag-area.component.spec.ts

@@ -16,7 +16,7 @@
  */
 
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { FileModel, LogService, UploadService } from '@alfresco/adf-core';
+import { FileModel, UploadService } from '@alfresco/adf-core';
 
 import { FileDraggableDirective } from '../directives/file-draggable.directive';
 import { UploadDragAreaComponent } from './upload-drag-area.component';
@@ -63,14 +63,12 @@ describe('UploadDragAreaComponent', () => {
 
     beforeEach(async(() => {
         TestBed.configureTestingModule({
-
             declarations: [
                 FileDraggableDirective,
                 UploadDragAreaComponent
             ],
             providers: [
-                UploadService,
-                LogService
+                UploadService
             ]
         }).compileComponents();
     }));

lib/content-services/upload/components/upload-drag-area.component.ts

@@ -32,6 +32,7 @@ import { UploadBase } from './base-upload/upload-base';
     selector: 'adf-upload-drag-area',
     templateUrl: './upload-drag-area.component.html',
     styleUrls: ['./upload-drag-area.component.css'],
+    host: {'class': 'adf-upload-drag-area'},
     viewProviders: [
         { provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadDragAreaComponent) }
     ],