Fix messages test

ui/src/message/Message.tsx

@@ -80,8 +80,8 @@ class Message extends React.PureComponent<IProps & Style> {
                             <Typography variant="body1" className="date">
                                 <TimeAgo date={date} />
                             </Typography>
-                            <IconButton onClick={fDelete} className={classes.trash}>
-                                <Delete className="delete" />
+                            <IconButton onClick={fDelete} className={`${classes.trash} delete`}>
+                                <Delete />
                             </IconButton>
                         </div>
                         <Typography component="p" className="content">

ui/src/tests/message.test.ts

@@ -201,7 +201,11 @@ describe('Messages', () => {
     });
     it('deletes a windows message', async () => {
         await navigate('Windows');
-        await page.click('#messages span:nth-of-type(2) .message .delete');
+        await page.evaluate(() =>
+            (document.querySelectorAll(
+                '#messages .message .delete'
+            )[1] as HTMLButtonElement).click()
+        );
         await expectMessages({
             all: [linux2, windows3, backup1, linux1, windows1],
             windows: [windows3, windows1],