Skip to content

Commit

Permalink
Add E2E tests for border-radius percentages (#44460)
Browse files Browse the repository at this point in the history
Summary:

Added missing e2e tests for border-radiusf

Changelog: [Internal]

Differential Revision: D57062098
  • Loading branch information
jorge-cab authored and facebook-github-bot committed May 8, 2024
1 parent 8cb2dbe commit fe01a2d
Showing 1 changed file with 41 additions and 0 deletions.
41 changes: 41 additions & 0 deletions packages/rn-tester/js/examples/Border/BorderExample.js
Original file line number Diff line number Diff line change
Expand Up @@ -124,6 +124,12 @@ const styles = StyleSheet.create({
borderBottomRightRadius: 20,
borderColor: 'black',
},
border9Percentages: {
borderWidth: 10,
borderTopLeftRadius: '10%',
borderBottomRightRadius: '20%',
borderColor: 'black',
},
border10: {
borderWidth: 10,
backgroundColor: 'white',
Expand All @@ -132,6 +138,14 @@ const styles = StyleSheet.create({
borderColor: 'black',
elevation: 10,
},
border10Percentages: {
borderWidth: 10,
backgroundColor: 'white',
borderTopLeftRadius: '10%',
borderBottomRightRadius: '20%',
borderColor: 'black',
elevation: 10,
},
border11: {
width: 0,
height: 0,
Expand Down Expand Up @@ -343,6 +357,19 @@ export default ({
);
},
},
{
title: 'Corner Radii (Percentages)',
name: 'corner-radii-percentages',
description: 'borderTopLeftRadius & borderBottomRightRadius',
render: function (): React.Node {
return (
<View
testID="border-test-corner-radii-percentages"
style={[styles.box, styles.border9Percentages]}
/>
);
},
},
{
title: 'Corner Radii / Elevation',
name: 'corner-radii-elevation',
Expand All @@ -357,6 +384,20 @@ export default ({
);
},
},
{
title: 'Corner Radii / Elevation (Percentages)',
name: 'corner-radii-elevation-percentages',
description: 'borderTopLeftRadius & borderBottomRightRadius & elevation',
platform: 'android',
render: function (): React.Node {
return (
<View
testID="border-test-corner-radii-elevation-percentages"
style={[styles.box, styles.border10Percentages]}
/>
);
},
},
{
title: 'CSS Trick - Triangle',
name: 'css-trick-triangle',
Expand Down

0 comments on commit fe01a2d

Please sign in to comment.