Print todo and skip descriptions when in verbose mode

CHANGELOG.md

@@ -11,6 +11,8 @@
 - `[jest-config]` Print error information on preset normalization error ([#7935](https://github.com/facebook/jest/pull/7935))
 - `[jest-haste-map]` Add `skipPackageJson` option ([#7778](https://github.com/facebook/jest/pull/7778))
 - `[jest-get-type]` Add `isPrimitive` function ([#7708](https://github.com/facebook/jest/pull/7708))
+- `[jest-get-type]` Add `isPrimitive` function ([#7708](https://github.com/facebook/jest/pull/7708))
+- `[@jest/reporter]` Display todo description when verbose is true ([#8038](https://github.com/facebook/jest/pull/8038))
 
 ### Fixes
 

e2e/__tests__/__snapshots__/testTodo.test.ts.snap

@@ -45,12 +45,20 @@ FAIL __tests__/todoNoArgs.test.js
       at Object.todo (__tests__/todoNoArgs.test.js:8:4)
 `;
 
+exports[`shows todo messages when in verbose mode 1`] = `
+PASS __tests__/verbose.test.js
+  todos in verbose reporter
+    ✎ todo this
+    ✎ todo should
+    ✎ todo work
+`;
+
 exports[`works with all statuses 1`] = `
 FAIL __tests__/statuses.test.js
   ✓ passes
   ✕ fails
   ○ skipped 1 test
-  ✎ todo 1 test
+  ✎ todo todo
 
   ● fails
 

e2e/__tests__/testTodo.test.ts

@@ -38,3 +38,10 @@ test('shows error messages when called with invalid argument', () => {
   const {rest} = extractSummary(result.stderr);
   expect(wrap(rest)).toMatchSnapshot();
 });
+
+test('shows todo messages when in verbose mode', () => {
+  const result = runJest(dir, ['verbose.test.js', '--verbose']);
+  expect(result.status).toBe(0);
+  const {rest} = extractSummary(result.stderr);
+  expect(wrap(rest)).toMatchSnapshot();
+});

e2e/test-todo/__tests__/verbose.test.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates. All Rights Reserved.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+describe('todos in verbose reporter', () => {
+  test.todo('this');
+  test.todo('should');
+  test.todo('work');
+});

e2e/verbose-reporter-todo/package.json

@@ -0,0 +1,6 @@
+{
+  "jest": {
+    "testEnvironment": "node",
+    "verbose": true
+  }
+}

packages/jest-reporters/src/verbose_reporter.ts

@@ -118,14 +118,14 @@ export default class VerboseReporter extends DefaultReporter {
           if (test.status === 'pending') {
             result.pending += 1;
           } else if (test.status === 'todo') {
-            result.todo += 1;
+            result.todo.push(test);
           } else {
             this._logTest(test, indentLevel);
           }
 
           return result;
         },
-        {pending: 0, todo: 0},
+        {pending: 0, todo: [] as Array<TestResult.AssertionResult>},
       );
 
       if (summedTests.pending > 0) {
@@ -137,17 +137,29 @@ export default class VerboseReporter extends DefaultReporter {
         );
       }
 
-      if (summedTests.todo > 0) {
-        this._logSummedTests(
-          'todo',
-          this._getIcon('todo'),
-          summedTests.todo,
-          indentLevel,
-        );
+      if (summedTests.todo.length > 0) {
+        summedTests.todo.forEach(todoTest => {
+          this._logTodoTest(
+            'todo',
+            this._getIcon('todo'),
+            todoTest,
+            indentLevel,
+          );
+        });
       }
     }
   }
 
+  private _logTodoTest(
+    prefix: string,
+    icon: string,
+    todoTest: TestResult.AssertionResult,
+    indentLevel: number,
+  ) {
+    const text = chalk.dim(`${prefix} ${todoTest.title}`);
+    this._logLine(`${icon} ${text}`, indentLevel);
+  }
+
   private _logSummedTests(
     prefix: string,
     icon: string,