docs(src/color): Move describe() into functions where possible

Should fix the failing tests 🤞

Author: Zearin

src/color/p5.Color.js

@@ -268,8 +268,8 @@ p5.Color.prototype.toString = function(format) {
  * function draw() {
  *   backgroundColor.setRed(128 + 128 * sin(millis() / 1000));
  *   background(backgroundColor);
+ *   describe('canvas with gradually changing background color');
  * }
- * describe('canvas with gradually changing background color');
  * </code>
  * </div>
  */
@@ -290,8 +290,8 @@ p5.Color.prototype.setRed = function(new_red) {
  * function draw() {
  *   backgroundColor.setGreen(128 + 128 * sin(millis() / 1000));
  *   background(backgroundColor);
+ *   describe('canvas with gradually changing background color');
  * }
- * describe('canvas with gradually changing background color');
  * </code>
  * </div>
  *
@@ -313,8 +313,8 @@ p5.Color.prototype.setGreen = function(new_green) {
  * function draw() {
  *   backgroundColor.setBlue(128 + 128 * sin(millis() / 1000));
  *   background(backgroundColor);
+ *   describe('canvas with gradually changing background color');
  * }
- * describe('canvas with gradually changing background color');
  * </code>
  * </div>
  *
@@ -339,8 +339,8 @@ p5.Color.prototype.setBlue = function(new_blue) {
  *   squareColor.setAlpha(128 + 128 * sin(millis() / 1000));
  *   fill(squareColor);
  *   rect(13, 13, width - 26, height - 26);
+ *   describe('a square with gradually changing opacity on a gray background');
  * }
- * describe('a square with gradually changing opacity on a gray background');
  * </code>
  * </div>
  **/

src/color/setting.js

@@ -532,8 +532,8 @@ p5.prototype.fill = function(...args) {
  *   rotateX(frameCount * 0.01);
  *   rotateY(frameCount * 0.01);
  *   box(45, 45, 45);
+ *   describe('black canvas with purple cube wireframe spinning');
  * }
- * describe('black canvas with purple cube wireframe spinning');
  * </code>
  * </div>
  */
@@ -570,8 +570,8 @@ p5.prototype.noFill = function() {
  *   rotateX(frameCount * 0.01);
  *   rotateY(frameCount * 0.01);
  *   box(45, 45, 45);
+ *   describe('black canvas with pink cube spinning');
  * }
- * describe('black canvas with pink cube spinning');
  * </code>
  * </div>
  */
@@ -819,9 +819,9 @@ p5.prototype.stroke = function(...args) {
  *   translate(0, 0, 40);
  *   torus(15, 5);
  *   noErase();
+ *   describe(`60×60 centered teal sphere, yellow background.
+ *   Torus rotating around sphere erases to reveal black text underneath.`);
  * }
- * describe(`60×60 centered teal sphere, yellow background.
- * Torus rotating around sphere erases to reveal black text underneath.`);
  * </code>
  * </div>
  */