eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

TF-3622 Synchronize all style attributes in html and write E2E for it.

Browse Source 
Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
dab246
2025-04-14 02:38:34 +07:00
committed by Dat H. Pham
parent 6fb5e8cb79
commit c6bb268a75
5 changed files with 65 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
integration_test/scenarios/email_detailed/deformed_inlined_image_scenario.dart
+58 -15
View File
@@ -19,10 +19,20 @@ class DeformedInlinedImageScenario extends BaseTestScenario {
src="https://example.com/image.jpg"
alt="inline-image-no-style"/>
<br>
<img
src="https://example.com/image.jpg"
style="width: 2000px; height: 200px;"
alt="inline-image-oversize-with-style-have-full-whitespaces"/>
<br>
<img
src="https://example.com/image.jpg"
style="width: 2000px;height: 200px;"
alt="inline-image-oversize-with-style"/>
alt="inline-image-oversize-with-style-have-whitespaces"/>
<br>
<img
src="https://example.com/image.jpg"
style="width:2000px;height:200px;"
alt="inline-image-oversize-with-style-no-whitespaces"/>
<br>
<img
src="https://example.com/image.jpg"
@@ -30,12 +40,26 @@ class DeformedInlinedImageScenario extends BaseTestScenario {
height="200"
alt="inline-image-oversize-with-width-attribute"/>
<br>
<img
src="https://example.com/image.jpg"
style="width: 2000px; height: 200px;"
width="2000"
height="200"
alt="inline-image-oversize-with-style-and-width-attribute-have-full-whitespaces"/>
<br>
<img
src="https://example.com/image.jpg"
style="width: 2000px;height: 200px;"
width="2000"
height="200"
alt="inline-image-oversize-with-style-and-width-attribute"/>
alt="inline-image-oversize-with-style-and-width-attribute-have-whitespaces"/>
<br>
<img
src="https://example.com/image.jpg"
style="width:2000px;height:200px;"
width="2000"
height="200"
alt="inline-image-oversize-with-style-and-width-attribute-no-whitespaces"/>
<br>
<img
src="https://example.com/image.jpg"
@@ -43,12 +67,26 @@ class DeformedInlinedImageScenario extends BaseTestScenario {
height="100"
alt="inline-image-normal-size-with-width-attribute"/>
<br>
<img
src="https://example.com/image.jpg"
style="width: 100px; height: 100px;"
width="100"
height="100"
alt="inline-image-normal-size-with-style-and-width-attribute-have-full-whitespaces"/>
<br>
<img
src="https://example.com/image.jpg"
style="width: 100px;height: 100px;"
width="100"
height="100"
alt="inline-image-normal-size-with-style-and-width-attribute"/>
alt="inline-image-normal-size-with-style-and-width-attribute-have-whitespaces"/>
<br>
<img
src="https://example.com/image.jpg"
style="width:100px;height:100px;"
width="100"
height="100"
alt="inline-image-normal-size-with-style-and-width-attribute-no-whitespaces"/>
''';
@override
@@ -126,29 +164,34 @@ class DeformedInlinedImageScenario extends BaseTestScenario {
final imageList = List<Map<String, dynamic>>.from(result);
expect(imageList.length, 6);
expect(imageList.length, 12);
for (var img in imageList) {
final imgWidth= img['width'];
final imgHeight = img['height'];
final imgStyle = img['style'];
final imgAlt = img['alt'];
final imgAlt = img['alt'] as String;
final imgOuterHTML = img['outerHTML'];
log("DeformedInlinedImageScenario::_expectEmailViewDisplaysNormalizedInlineImages:Image $imgOuterHTML");
expect(imgStyle.contains('max-width:100%'), isTrue);
expect(imgStyle.contains('display:inline'), isTrue);
expect(imgStyle.contains('height:'), isTrue);
if (imgAlt == 'inline-image-normal-size-with-width-attribute') {
expect(imgStyle, isNull);
expect(imgWidth, equals('100'));
expect(imgHeight, equals('100'));
} else if (imgAlt == 'inline-image-normal-size-with-style-and-width-attribute') {
expect(imgStyle.contains('width: 100px;height: 100px;'), isTrue);
expect(imgWidth, equals('100'));
expect(imgHeight, equals('100'));
} else {
expect(imgStyle, equals('max-width: 100%;height: auto;display: inline;'));
if (imgAlt.startsWith('inline-image-normal-size')) {
expect(imgWidth, isNotNull);
expect(imgHeight, isNotNull);
} else if (imgAlt.startsWith('inline-image-oversize')) {
expect(imgWidth, isNull);
expect(imgHeight, isNull);
}
if (imgAlt.startsWith('inline-image-normal-size-with-style-and-width-attribute')) {
expect(imgStyle.contains('width:'), isTrue);
expect(imgStyle.contains('100px'), isTrue);
} else if (imgAlt.startsWith('inline-image-oversize-with-style-and-width-attribute')) {
expect(imgStyle.contains('style="width:2000px'), isFalse);
expect(imgStyle.contains('style="width: 2000px'), isFalse);
}
}
}
}