I am automating a web application, I would like to know if it is possible to validate a CSS property with Recorder.
Code: Select all
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
</head>
<body class="body">
<div class="login-page">
<div class="form">
<form class="login-form">
<button>Entrar</button>
</form>
</div>
</div>
</body>
</html>
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto:500);
.login-page {
width: 360px;
padding: 8% 0 0;
margin: auto;
}
.form {
position: relative;
z-index: 1;
background: #FFFFFF;
max-width: 360px;
margin: 0 auto 100px;
padding: 36px;
text-align: center;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
border-radius: 4px;
}
.form button {
font-family: "Roboto", sans-serif;
text-transform: uppercase;
outline: 0;
background: #1A355E;
width: 100%;
border: 0;
padding: 16px;
color: #FFFFFF;
font-size: 16px;
cursor: pointer;
border-radius: 4px;
}
body {
background: #1A355E;
font-family: "Roboto", sans-serif;
}
</style>