Freecodecamp: Los desafíos de Sass no funcionan

Creado en 21 ene. 2017  ·  39Comentarios  ·  Fuente: freeCodeCamp/freeCodeCamp

El desafío de almacenar-datos-con-variables-sass tiene un problema.
El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36 .



<style>
$text-color: red;

.header{
  text-align: center;
}
.blog-post h2 {
  color: $text-color;
}
</style>

<h1 class="header">Learn Sass</h1>
<div class="blog-post">
<h2>Some random title</h2>
<p>This is a paragraph with some random text in it</p>
</div>
<div class="blog-post">
<h2>Header #2</h2>
<p>Here is some more random text.</p>
</div>
<div class="blog-post">
<h2>Here is another header</h2>
<p>Even more random text within a paragraph</p>
</div>

Hola a todos, creo que encontré un error en el desafío Almacenamiento de datos con variables de Sass. Creo que hice todo bien, pero el color de los elementos h2 y .blog-post no cambia a rojo. Paso dos de las historias de usuario pero no estas:
Tu elemento .blog-post debe tener un color rojo.
Tus elementos h2 deben tener un color rojo.

Tampoco cambia de rojo. Pero pasa las historias de usuario:
Su código debe tener una variable Sass declarada para $ text-color con un valor de rojo.
Su código debe usar la variable $ text-color para cambiar el color de los elementos .blog-post y h2

Gracias de antemano, y las cosas nuevas en Beta parecen increíbles. ¡Sigan con el gran trabajo! ¡No puedo esperar para trabajar con más de ellos! 👍

help wanted bug critical path

Comentario más útil

Puede agregar su estilo de color a la etiqueta div. Esto funciona para mi.

<div class="blog-post" style="color: red;">

screenshot from 2018-07-22 18-38-20

Todos 39 comentarios

@ Azbo400 Gracias por informar de este problema. Parece que todavía no admitimos la compilación de Sass 😅

@systimotic ¡Oh jaja, eso tiene sentido! Gracias 😄

¡Oh, lo siento! Deberíamos haber avisado a la gente de que esta sección no funcionaría correctamente. Gracias por el problema, @ Azbo400

@HKuz Está bien, no hay problema. 😃

Si. No funciona. ¿Habrá alguna notificación cuando se solucione?

¡Todavía no apoyamos los "saas"! Lmao !!!

El 22 de enero de 2017 a las 12:19 a. M., "Pramod Potdar" [email protected] escribió:

Si. No funciona. ¿Habrá alguna notificación cuando se solucione?

-
Recibes esto porque estás suscrito a este hilo.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12699#issuecomment-274311826 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AVHZeUIbLrZVFpBbIy0z9uTcDlOwHHoDks5rUvULgaJpZM4LqJWk
.

No quieren ningún descaro de tu parte. Chistes

Estoy de acuerdo en que sería una buena idea advertir a la gente que Sass aún no funciona.

Mientras tanto, recomiendo a la gente que siga la guía de la página oficial de Sass para instalar un compilador de Sass y seguir su guía (y / o los tutoriales de Sass de FCC) en sus propias máquinas. La guía comienza aquí: http://sass-lang.com/install

El Desafío storing-data-with-sass-variables necesita tener sus dos últimas pruebas refactorizadas para poder verificar el uso de la variable asignada

@ahmadabdolsaheb Impresionante, buena

@QuincyLarson estoy en eso

lo siguiente puede resultar útil si alguien quiere abordar este problema.
la ubicación de las pruebas a refactorizar:
https://github.com/freeCodeCamp/freeCodeCamp/blob/6d7092928e852755fa0d4d9489b3c8748b466a94/seed/challenges/03-front-end-libraries/sass.json#L25

Hay cuatro pruebas que deben sustituirse por las dos siguientes.

"tests": [
        {
          "text": "Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.",
          "testString": "assert(code.match(/\\$text-color\\s*?:\\s*?red\\s*?;/g), 'Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.');"
        },
        {
          "text": "Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.",
          "testString": "assert(code.match(/\\.blog-post\\s*?\,\\s*?h2\\s*?{\\s*?color:\\s*?\\$text-color\\s*?;/g), 'Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.');"
        }
 ]

por favor pruebe la solución antes de hacer un PR

@ahmadabdolsaheb

por favor pruebe la solución antes de hacer un PR

¿Cómo debo probarlo? Si hago cambios en los archivos semilla que residen en el repositorio freecodecamp entonces no se reflejará en el repositorio learn porque usa el módulo de nodo @freecodecamp/curriculum para obtener los desafíos.

Incluso si hago los cambios en el repositorio curriculum localmente, no se reflejarán en el repositorio learn .

Al principio luché con los mismos problemas, pero hasta ahora tengo todo para aprobar (incluido el ejemplo de @ while , todavía no probé los demás); el problema parece ser un espacio en blanco
Para algunos, por ejemplo, el ejemplo @ while incluso necesitaba eliminar cualquier sangría del bit SASS

Intente eliminar las líneas en blanco entre el código y, si eso no lo resuelve, no sangra el código SASS en absoluto.
[usando FCC con Safari 11.0.2]

@MikeForde Esto funcionó para mí cuando me

No pude hacer que funcionen en Safari o Chrome 67

Eliminando todas las sangrías y espacios dentro del

No acordado, hay más que espacios en blanco. Lo que sí noté es que, con el ejemplo de @ while , si sigo presionando el botón "Ejecutar las pruebas", entonces, si no hay errores reales, después de 4-5 presiones, funciona, mientras que si hay un error genuino, nunca pasa. No es exactamente un comportamiento ideal, pero sugeriría un error de bajo nivel en lugar de uno vinculado a un error sintáctico real en el código que envía el usuario.

Hola a todos, sean cuales sean los problemas, parecen estar solucionados. Pasé el desafío por primera vez y estoy usando Chrome versión 67.0.3396.87 (compilación oficial) (64 bits)

No, me sigue pasando cuando pruebo las pruebas. Parece afectar solo a algunos usuarios.

Me encontré con el mismo problema: FireFox 56.0.2.
Borró todos los espacios en blanco; sangría, etc. comprobado.
Las dos últimas pruebas aún fallaron. Intentando enviar "spam" al botón Ejecutar prueba ... hasta ahora no hubo suerte.

=====
editar: finalmente lo hice funcionar. No recuerdo si se debió a un error menor de mi parte o simplemente presioné pacientemente el botón "Ejecutar pruebas" repetidamente. Terminé haciendo el método "machacar el botón Ejecutar pruebas" en varias lecciones de SASS después de esta.

aquí truco para Sass: Use @for para crear un bucle Sass:
no hay una segunda oportunidad porque seguro que hay un error en este desafío.