Replace files app ids to classes

Replaced ids to classes for the following:

- #filestable -> .files-filestable
- #fileList -> .files-fileList
- #controls -> .files-controls
- #emptycontent -> .emptyfilelist.emptycontent

Signed-off-by: Vincent Petry <vincent@nextcloud.com>

2 files changed, 7 insertions, 7 deletions

diff --git a/apps/files_external/tests/appSpec.js b/apps/files_external/tests/appSpec.js
index 42a8e08950b..8e5ab5b8d98 100644
--- a/apps/files_external/tests/appSpec.js
+++ b/apps/files_external/tests/appSpec.js
@@ -72,7 +72,7 @@ describe('OCA.Files_External.App tests', function() {
 
 			const setActiveViewStub = sinon.stub(OCA.Files.App, 'setActiveView')
 			// create dummy table so we can click the dom
-			const $table = '<table><thead></thead><tbody id="fileList"></tbody></table>'
+			const $table = '<table><thead></thead><tbody class="files-fileList"></tbody></table>'
 			$('#app-content-extstoragemounts').append($table)
 
 			App._inFileList = null
diff --git a/apps/files_external/tests/js/mountsfilelistSpec.js b/apps/files_external/tests/js/mountsfilelistSpec.js
index 662a820f364..ec6ebe1bf11 100644
--- a/apps/files_external/tests/js/mountsfilelistSpec.js
+++ b/apps/files_external/tests/js/mountsfilelistSpec.js
@@ -36,16 +36,16 @@ describe('OCA.Files_External.FileList tests', function() {
 			'<input type="hidden" id="dir" value="/"></input>' +
 			'<input type="hidden" id="permissions" value="31"></input>' +
 			// dummy controls
-			'<div id="controls">' +
+			'<div class="files-controls">' +
 			'   <div class="actions creatable"></div>' +
 			'   <div class="notCreatable"></div>' +
 			'</div>' +
 			// dummy table
 			// TODO: at some point this will be rendered by the fileList class itself!
-			'<table id="filestable">' +
+			'<table class="files-filestable">' +
 			'<thead><tr>' +
-			'<th id="headerName" class="hidden column-name">' +
-			'	<div id="headerName-container">' +
+			'<th class="hidden column-name">' +
+			'	<div id="column-name-container">' +
 			'		<a class="name sort columntitle" data-sort="name"><span>Name</span><span class="sort-indicator"></span></a>' +
 			'	</div>' +
 			'</th>' +
@@ -56,10 +56,10 @@ describe('OCA.Files_External.FileList tests', function() {
 			'	<a class="scope sort columntitle" data-sort="scope"><span>Scope</span><span class="sort-indicator"></span></a>' +
 			'</th>' +
 			'</tr></thead>' +
-			'<tbody id="fileList"></tbody>' +
+			'<tbody class="files-fileList"></tbody>' +
 			'<tfoot></tfoot>' +
 			'</table>' +
-			'<div id="emptycontent">Empty content message</div>' +
+			'<div class="emptyfilelist emptycontent">Empty content message</div>' +
 			'</div>'
 		);
 	});