diff --git a/src/components/ManageRelay.svelte b/src/components/ManageRelay.svelte
index 77eea899..1fa5267c 100644
--- a/src/components/ManageRelay.svelte
+++ b/src/components/ManageRelay.svelte
@@ -519,6 +519,8 @@
 	});
 </script>
 
+<!-- E2E: data-view for test selectors -->
+<div data-view="manage-relay">
 <Breadcrumbs
 	items={[
 		{
@@ -993,6 +995,7 @@
 				Transfer
 			</button>
 		</SettingItem-->
+</div>
 
 <style>
 	div.spacer {
diff --git a/src/components/ManageRemoteFolder.svelte b/src/components/ManageRemoteFolder.svelte
index cd3e7933..69630f66 100644
--- a/src/components/ManageRemoteFolder.svelte
+++ b/src/components/ManageRemoteFolder.svelte
@@ -387,6 +387,8 @@
 	}
 </script>
 
+<!-- E2E: data-view for test selectors -->
+<div data-view="manage-remote-folder">
 <Breadcrumbs
 	items={[
 		{
@@ -635,6 +637,7 @@
 		{/if}
 	</SettingGroup>
 {/if}
+</div>
 
 <style>
 	div.spacer {
diff --git a/src/components/ManageSharedFolder.svelte b/src/components/ManageSharedFolder.svelte
index 0faee329..81b449bf 100644
--- a/src/components/ManageSharedFolder.svelte
+++ b/src/components/ManageSharedFolder.svelte
@@ -31,6 +31,8 @@
 	}
 </script>
 
+<!-- E2E: data-view for test selectors -->
+<div data-view="manage-shared-folder">
 <Breadcrumbs
 	items={[
 		{
@@ -83,3 +85,4 @@
 		</SettingItem>
 	</SettingGroup>
 {/if}
+</div>
diff --git a/src/components/Relays.svelte b/src/components/Relays.svelte
index e3704f92..395f58ea 100644
--- a/src/components/Relays.svelte
+++ b/src/components/Relays.svelte
@@ -192,6 +192,8 @@
 	}
 </script>
 
+<!-- E2E: data-view for test selectors -->
+<div data-view="relays">
 <SettingItemHeading name="Join a Relay Server"></SettingItemHeading>
 <SettingGroup>
 	<SettingItem
@@ -347,6 +349,8 @@
 	</SettingGroup>
 {/if}
 
+</div>
+
 <style>
 	span.faint {
 		color: var(--text-faint);