@@ -105,19 +105,19 @@ describe("Editing", () => {
105105 cy . get ( ".mx_Dialog" ) . within ( ( ) => {
106106 // Assert that the message edit history dialog is rendered
107107 cy . get ( ".mx_MessageEditHistoryDialog" ) . within ( ( ) => {
108- // Assert that CSS styles which cannot be detected with snapshots are applied as expected
108+ // Assert CSS styles which is difficult or cannot be detected with snapshots are applied as expected
109109 cy . get ( "li" ) . should ( "have.css" , "clear" , "both" ) ;
110- cy . get ( ".mx_EventTile" )
111- . should ( "have.css" , "max-width" , "100%" )
112- . should ( "have.css" , "clear" , "both" )
113- . should ( "have.css" , "position" , "relative" )
114- . should ( "have.css" , "padding-block-start" , "0px" ) ;
115110 cy . get ( ".mx_EventTile .mx_MessageTimestamp" )
116111 . should ( "have.css" , "position" , "absolute" )
117112 . should ( "have.css" , "inset-inline-start" , "0px" )
118113 . should ( "have.css" , "text-align" , "center" ) ;
119114 cy . get ( ".mx_EventTile .mx_EventTile_content" ) . should ( "have.css" , "margin-inline-end" , "0px" ) ;
120115
116+ // Assert that zero block start padding is applied to mx_EventTile as expected
117+ // See: .mx_EventTile on _EventTile.pcss
118+ cy . get ( ".mx_EventTile" )
119+ . should ( "have.css" , "padding-block-start" , "0px" ) ;
120+
121121 // Assert that the date separator is rendered at the top
122122 cy . get ( "li:nth-child(1) .mx_DateSeparator" ) . within ( ( ) => {
123123 cy . get ( "h2" ) . should ( "have.text" , "Today" ) ;
0 commit comments