add data-testids to some components

Co-authored-by: sug <sug@tutao.de>

Author: kibibytium

src/common/gui/base/ColumnEmptyMessageBox.ts

@@ -36,7 +36,7 @@ export class IconMessageBox implements Component<InfoMessaggeBoxAttrs> {
 					style: {
 						color: attrs.color,
 					},
-					"data-testid": "message-box",
+					"data-testid": `message_box:${lang.getTestId(attrs.message)}`,
 				},
 				lang.getTranslationText(attrs.message),
 			),

src/common/gui/base/List.ts

@@ -149,6 +149,7 @@ export class List<T, VH extends ViewHolder<T>> implements ClassComponent<ListAtt
 			this.renderSwipeItems(attrs),
 			// we need rel for the status indicator
 			m("ul.list.rel.click", {
+				"data-testid": "unordered_list",
 				oncreate: ({ dom }) => {
 					this.innerDom = dom as HTMLElement
 					this.initializeDom(dom as HTMLElement, attrs)

src/common/gui/base/ViewColumn.ts

@@ -83,6 +83,7 @@ export class ViewColumn implements Component<Attrs> {
 			".view-column.fill-absolute",
 			{
 				...landmark,
+				"data-testid": lang.getTranslationText(this.getTitle()),
 				inert: !this.isVisible && !this.isInForeground,
 				oncreate: (vnode) => {
 					this.domColumn = vnode.dom as HTMLElement