diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.portuguese.md index f12d091b48..d5098ce5b1 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.portuguese.md @@ -17,10 +17,10 @@ localeTitle: Adicionar cantos arredondados com raio de borda ```yml tests: - - text: Seu elemento de imagem deve ter a classe "borda verde espessa". - testString: 'assert($("img").hasClass("thick-green-border"), "Your image element should have the class "thick-green-border".");' - - text: Sua imagem deve ter um raio de 10 10px - testString: 'assert(parseInt($("img").css("border-top-left-radius")) > 8, "Your image should have a border radius of 10px");' + - text: Seu elemento de imagem deve ter a classe "thick-green-border". + testString: assert($("img").hasClass("thick-green-border")); + - text: Sua imagem deve ter uma borda com raio de 10px + testString: assert(parseInt($("img").css("border-top-left-radius")) > 8); ``` @@ -104,4 +104,5 @@ tests: ```js // solution required ``` + diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/size-your-images.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/size-your-images.portuguese.md index 849ffbab06..0eb270c4e5 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/size-your-images.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/size-your-images.portuguese.md @@ -17,10 +17,10 @@ localeTitle: Tamanho suas imagens ```yml tests: - - text: Seu elemento img deve ter a classe smaller-image . - testString: 'assert($("img[src="https://bit.ly/fcc-relaxing-cat"]").attr("class") === "smaller-image", "Your img element should have the class smaller-image.");' + - text: Seu elemento img deveria ter a classe smaller-image. + testString: assert($("img[src='https://bit.ly/fcc-relaxing-cat']").attr('class') === "smaller-image"); - text: Sua imagem deve ter 100 pixels de largura. O zoom do navegador deve estar em 100%. - testString: 'assert($("img").width() === 100, "Your image should be 100 pixels wide. Browser zoom should be at 100%.");' + testString: assert($("img").width() === 100); ``` @@ -94,4 +94,5 @@ tests: ```js // solution required ``` + diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.portuguese.md index 8ee48d4951..231ad0a3b7 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.portuguese.md @@ -17,14 +17,14 @@ localeTitle: Use uma classe CSS para estilizar um elemento ```yml tests: - - text: Seu elemento h2 deve estar vermelho. - testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your h2 element should be red.");' - - text: Seu elemento h2 deve ter a classe red-text . - testString: 'assert($("h2").hasClass("red-text"), "Your h2 element should have the class red-text.");' - - text: Sua folha de estilo deve declarar uma classe de red-text e ter sua cor definida como vermelha. - testString: 'assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;\s*\}/g), "Your stylesheet should declare a red-text class and have its color set to red.");' - - text: 'Não use declarações de estilo inline como style="color: red" em seu elemento h2 .' - testString: 'assert($("h2").attr("style") === undefined, "Do not use inline style declarations like style="color: red" in your h2 element.");' + - text: Seu elemento h2 deve ser vermelho. + testString: assert($("h2").css("color") === "rgb(255, 0, 0)"); + - text: Seu elemento h2 deveria ter a classe red-text. + testString: assert($("h2").hasClass("red-text")); + - text: Sua folha de estilo deve declarar uma classe red-text e tenha a cor definida em vermelho. + testString: assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;\s*\}/g)); + - text: Não use declarações de estilo embutido como style="color: red" em seu elemento h2. + testString: assert($("h2").attr("style") === undefined); ``` @@ -88,4 +88,5 @@ tests: ```js // solution required ``` + diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.portuguese.md index da32d6932d..a73c04dc59 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.portuguese.md @@ -17,12 +17,12 @@ localeTitle: Use Seletores de Atributo para Elementos de Estilo ```yml tests: - - text: O seletor de atributo de type deve ser usado para selecionar as caixas de seleção. - testString: 'assert(code.match(/