neighborhood999/react-gh-like-diff

View on GitHub
src/__tests__/__snapshots__/index.spec.js.snap

Summary

Maintainability
Test Coverage
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`should match snapshot 1`] = `
Object {
  "asFragment": [Function],
  "baseElement": <body>
    <div>
      <div>
        <div
          class="d2h-file-list-wrapper"
        >
          
    
          <div
            class="d2h-file-list-header"
          >
            
        
            <span
              class="d2h-file-list-title"
            >
              Files changed (1)
            </span>
            
        
            <a
              class="d2h-file-switch d2h-hide"
            >
              hide
            </a>
            
        
            <a
              class="d2h-file-switch d2h-show"
            >
              show
            </a>
            
    
          </div>
          
    
          <ol
            class="d2h-file-list"
          >
            
    
            <li
              class="d2h-file-list-line"
            >
              
    
              <span
                class="d2h-file-name-wrapper"
              >
                
      
                <svg
                  aria-hidden="true"
                  class="d2h-icon d2h-changed"
                  height="16"
                  title="modified"
                  version="1.1"
                  viewBox="0 0 14 16"
                  width="14"
                >
                  
          
                  <path
                    d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"
                  />
                  
      
                </svg>
                      
                <a
                  class="d2h-file-name"
                  href="#d2h-502797"
                >
                  test.md
                </a>
                
      
                <span
                  class="d2h-file-stats"
                >
                  
          
                  <span
                    class="d2h-lines-added"
                  >
                    +1
                  </span>
                  
          
                  <span
                    class="d2h-lines-deleted"
                  >
                    -1
                  </span>
                  
      
                </span>
                
    
              </span>
              

            </li>
            
    
          </ol>
          

        </div>
        <div
          class="d2h-wrapper"
        >
          
    
          <div
            class="d2h-file-wrapper"
            data-lang=""
            id="d2h-502797"
          >
            
    
            <div
              class="d2h-file-header"
            >
              
      
              <span
                class="d2h-file-name-wrapper"
              >
                
    
                <svg
                  aria-hidden="true"
                  class="d2h-icon"
                  height="16"
                  version="1.1"
                  viewBox="0 0 12 16"
                  width="12"
                >
                  
        
                  <path
                    d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"
                  />
                  
    
                </svg>
                    
                <span
                  class="d2h-file-name"
                >
                  test.md
                </span>
                
    
                <span
                  class="d2h-tag d2h-changed d2h-changed-tag"
                >
                  CHANGED
                </span>
              </span>
              
    
            </div>
            
    
            <div
              class="d2h-files-diff"
            >
              
        
              <div
                class="d2h-file-side-diff"
              >
                
            
                <div
                  class="d2h-code-wrapper"
                >
                  
                
                  <table
                    class="d2h-diff-table"
                  >
                    
                    
                    <tbody
                      class="d2h-diff-tbody"
                    >
                      
                    
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-info"
                        />
                        
    
                        <td
                          class="d2h-info"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-info"
                          >
                            @@ -1 +1 @@
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-del d2h-change"
                        >
                          
      1
    
                        </td>
                        
    
                        <td
                          class="d2h-del d2h-change"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-del d2h-change"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              -
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <del>
                                ##
                              </del>
                               Hello
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      
                    
                    </tbody>
                    
                
                  </table>
                  
            
                </div>
                
        
              </div>
              
        
              <div
                class="d2h-file-side-diff"
              >
                
            
                <div
                  class="d2h-code-wrapper"
                >
                  
                
                  <table
                    class="d2h-diff-table"
                  >
                    
                    
                    <tbody
                      class="d2h-diff-tbody"
                    >
                      
                    
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-info"
                        />
                        
    
                        <td
                          class="d2h-info"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-info"
                          />
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins d2h-change"
                        >
                          
      1
    
                        </td>
                        
    
                        <td
                          class="d2h-ins d2h-change"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins d2h-change"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <ins>
                                #
                              </ins>
                               Hello
                              <ins>
                                 World
                              </ins>
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      
                    
                    </tbody>
                    
                
                  </table>
                  
            
                </div>
                
        
              </div>
              
    
            </div>
            

          </div>
          

        </div>
      </div>
    </div>
  </body>,
  "container": <div>
    <div>
      <div
        class="d2h-file-list-wrapper"
      >
        
    
        <div
          class="d2h-file-list-header"
        >
          
        
          <span
            class="d2h-file-list-title"
          >
            Files changed (1)
          </span>
          
        
          <a
            class="d2h-file-switch d2h-hide"
          >
            hide
          </a>
          
        
          <a
            class="d2h-file-switch d2h-show"
          >
            show
          </a>
          
    
        </div>
        
    
        <ol
          class="d2h-file-list"
        >
          
    
          <li
            class="d2h-file-list-line"
          >
            
    
            <span
              class="d2h-file-name-wrapper"
            >
              
      
              <svg
                aria-hidden="true"
                class="d2h-icon d2h-changed"
                height="16"
                title="modified"
                version="1.1"
                viewBox="0 0 14 16"
                width="14"
              >
                
          
                <path
                  d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"
                />
                
      
              </svg>
                    
              <a
                class="d2h-file-name"
                href="#d2h-502797"
              >
                test.md
              </a>
              
      
              <span
                class="d2h-file-stats"
              >
                
          
                <span
                  class="d2h-lines-added"
                >
                  +1
                </span>
                
          
                <span
                  class="d2h-lines-deleted"
                >
                  -1
                </span>
                
      
              </span>
              
    
            </span>
            

          </li>
          
    
        </ol>
        

      </div>
      <div
        class="d2h-wrapper"
      >
        
    
        <div
          class="d2h-file-wrapper"
          data-lang=""
          id="d2h-502797"
        >
          
    
          <div
            class="d2h-file-header"
          >
            
      
            <span
              class="d2h-file-name-wrapper"
            >
              
    
              <svg
                aria-hidden="true"
                class="d2h-icon"
                height="16"
                version="1.1"
                viewBox="0 0 12 16"
                width="12"
              >
                
        
                <path
                  d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"
                />
                
    
              </svg>
                  
              <span
                class="d2h-file-name"
              >
                test.md
              </span>
              
    
              <span
                class="d2h-tag d2h-changed d2h-changed-tag"
              >
                CHANGED
              </span>
            </span>
            
    
          </div>
          
    
          <div
            class="d2h-files-diff"
          >
            
        
            <div
              class="d2h-file-side-diff"
            >
              
            
              <div
                class="d2h-code-wrapper"
              >
                
                
                <table
                  class="d2h-diff-table"
                >
                  
                    
                  <tbody
                    class="d2h-diff-tbody"
                  >
                    
                    
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-info"
                      />
                      
    
                      <td
                        class="d2h-info"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-info"
                        >
                          @@ -1 +1 @@
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-del d2h-change"
                      >
                        
      1
    
                      </td>
                      
    
                      <td
                        class="d2h-del d2h-change"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-del d2h-change"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            -
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <del>
                              ##
                            </del>
                             Hello
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    
                    
                  </tbody>
                  
                
                </table>
                
            
              </div>
              
        
            </div>
            
        
            <div
              class="d2h-file-side-diff"
            >
              
            
              <div
                class="d2h-code-wrapper"
              >
                
                
                <table
                  class="d2h-diff-table"
                >
                  
                    
                  <tbody
                    class="d2h-diff-tbody"
                  >
                    
                    
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-info"
                      />
                      
    
                      <td
                        class="d2h-info"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-info"
                        />
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins d2h-change"
                      >
                        
      1
    
                      </td>
                      
    
                      <td
                        class="d2h-ins d2h-change"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins d2h-change"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <ins>
                              #
                            </ins>
                             Hello
                            <ins>
                               World
                            </ins>
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    
                    
                  </tbody>
                  
                
                </table>
                
            
              </div>
              
        
            </div>
            
    
          </div>
          

        </div>
        

      </div>
    </div>
  </div>,
  "debug": [Function],
  "findAllByAltText": [Function],
  "findAllByDisplayValue": [Function],
  "findAllByLabelText": [Function],
  "findAllByPlaceholderText": [Function],
  "findAllByRole": [Function],
  "findAllByTestId": [Function],
  "findAllByText": [Function],
  "findAllByTitle": [Function],
  "findByAltText": [Function],
  "findByDisplayValue": [Function],
  "findByLabelText": [Function],
  "findByPlaceholderText": [Function],
  "findByRole": [Function],
  "findByTestId": [Function],
  "findByText": [Function],
  "findByTitle": [Function],
  "getAllByAltText": [Function],
  "getAllByDisplayValue": [Function],
  "getAllByLabelText": [Function],
  "getAllByPlaceholderText": [Function],
  "getAllByRole": [Function],
  "getAllByTestId": [Function],
  "getAllByText": [Function],
  "getAllByTitle": [Function],
  "getByAltText": [Function],
  "getByDisplayValue": [Function],
  "getByLabelText": [Function],
  "getByPlaceholderText": [Function],
  "getByRole": [Function],
  "getByTestId": [Function],
  "getByText": [Function],
  "getByTitle": [Function],
  "queryAllByAltText": [Function],
  "queryAllByDisplayValue": [Function],
  "queryAllByLabelText": [Function],
  "queryAllByPlaceholderText": [Function],
  "queryAllByRole": [Function],
  "queryAllByTestId": [Function],
  "queryAllByText": [Function],
  "queryAllByTitle": [Function],
  "queryByAltText": [Function],
  "queryByDisplayValue": [Function],
  "queryByLabelText": [Function],
  "queryByPlaceholderText": [Function],
  "queryByRole": [Function],
  "queryByTestId": [Function],
  "queryByText": [Function],
  "queryByTitle": [Function],
  "rerender": [Function],
  "unmount": [Function],
}
`;

exports[`should render \`.diff\` file content to HTML 1`] = `
Object {
  "asFragment": [Function],
  "baseElement": <body>
    <div>
      <div>
        <div
          class="d2h-file-list-wrapper"
        >
          
    
          <div
            class="d2h-file-list-header"
          >
            
        
            <span
              class="d2h-file-list-title"
            >
              Files changed (3)
            </span>
            
        
            <a
              class="d2h-file-switch d2h-hide"
            >
              hide
            </a>
            
        
            <a
              class="d2h-file-switch d2h-show"
            >
              show
            </a>
            
    
          </div>
          
    
          <ol
            class="d2h-file-list"
          >
            
    
            <li
              class="d2h-file-list-line"
            >
              
    
              <span
                class="d2h-file-name-wrapper"
              >
                
      
                <svg
                  aria-hidden="true"
                  class="d2h-icon d2h-added"
                  height="16"
                  title="added"
                  version="1.1"
                  viewBox="0 0 14 16"
                  width="14"
                >
                  
          
                  <path
                    d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM6 9H3V7h3V4h2v3h3v2H8v3H6V9z"
                  />
                  
      
                </svg>
                      
                <a
                  class="d2h-file-name"
                  href="#d2h-606731"
                >
                  .travis.yml
                </a>
                
      
                <span
                  class="d2h-file-stats"
                >
                  
          
                  <span
                    class="d2h-lines-added"
                  >
                    +7
                  </span>
                  
          
                  <span
                    class="d2h-lines-deleted"
                  >
                    -0
                  </span>
                  
      
                </span>
                
    
              </span>
              

            </li>
            

            <li
              class="d2h-file-list-line"
            >
              
    
              <span
                class="d2h-file-name-wrapper"
              >
                
      
                <svg
                  aria-hidden="true"
                  class="d2h-icon d2h-added"
                  height="16"
                  title="added"
                  version="1.1"
                  viewBox="0 0 14 16"
                  width="14"
                >
                  
          
                  <path
                    d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM6 9H3V7h3V4h2v3h3v2H8v3H6V9z"
                  />
                  
      
                </svg>
                      
                <a
                  class="d2h-file-name"
                  href="#d2h-182094"
                >
                  sagas/__tests__/index.spec.js
                </a>
                
      
                <span
                  class="d2h-file-stats"
                >
                  
          
                  <span
                    class="d2h-lines-added"
                  >
                    +33
                  </span>
                  
          
                  <span
                    class="d2h-lines-deleted"
                  >
                    -0
                  </span>
                  
      
                </span>
                
    
              </span>
              

            </li>
            

            <li
              class="d2h-file-list-line"
            >
              
    
              <span
                class="d2h-file-name-wrapper"
              >
                
      
                <svg
                  aria-hidden="true"
                  class="d2h-icon d2h-changed"
                  height="16"
                  title="modified"
                  version="1.1"
                  viewBox="0 0 14 16"
                  width="14"
                >
                  
          
                  <path
                    d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"
                  />
                  
      
                </svg>
                      
                <a
                  class="d2h-file-name"
                  href="#d2h-239209"
                >
                  sagas/index.js
                </a>
                
      
                <span
                  class="d2h-file-stats"
                >
                  
          
                  <span
                    class="d2h-lines-added"
                  >
                    +15
                  </span>
                  
          
                  <span
                    class="d2h-lines-deleted"
                  >
                    -1
                  </span>
                  
      
                </span>
                
    
              </span>
              

            </li>
            
    
          </ol>
          

        </div>
        <div
          class="d2h-wrapper"
        >
          
    
          <div
            class="d2h-file-wrapper"
            data-lang="yml"
            id="d2h-606731"
          >
            
    
            <div
              class="d2h-file-header"
            >
              
      
              <span
                class="d2h-file-name-wrapper"
              >
                
    
                <svg
                  aria-hidden="true"
                  class="d2h-icon"
                  height="16"
                  version="1.1"
                  viewBox="0 0 12 16"
                  width="12"
                >
                  
        
                  <path
                    d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"
                  />
                  
    
                </svg>
                    
                <span
                  class="d2h-file-name"
                >
                  .travis.yml
                </span>
                
    
                <span
                  class="d2h-tag d2h-added d2h-added-tag"
                >
                  ADDED
                </span>
              </span>
              
    
            </div>
            
    
            <div
              class="d2h-files-diff"
            >
              
        
              <div
                class="d2h-file-side-diff"
              >
                
            
                <div
                  class="d2h-code-wrapper"
                >
                  
                
                  <table
                    class="d2h-diff-table"
                  >
                    
                    
                    <tbody
                      class="d2h-diff-tbody"
                    >
                      
                    
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-info"
                        />
                        
    
                        <td
                          class="d2h-info"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-info"
                          >
                            @@ -0,0 +1,7 @@
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      
                    
                    </tbody>
                    
                
                  </table>
                  
            
                </div>
                
        
              </div>
              
        
              <div
                class="d2h-file-side-diff"
              >
                
            
                <div
                  class="d2h-code-wrapper"
                >
                  
                
                  <table
                    class="d2h-diff-table"
                  >
                    
                    
                    <tbody
                      class="d2h-diff-tbody"
                    >
                      
                    
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-info"
                        />
                        
    
                        <td
                          class="d2h-info"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-info"
                          />
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      1
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              sudo: false
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      2
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              language: node_js
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      3
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              node_js:
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      4
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                - '6'
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      5
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                - '7'
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      6
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                - '8'
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      7
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              script: "npm test"
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      
                    
                    </tbody>
                    
                
                  </table>
                  
            
                </div>
                
        
              </div>
              
    
            </div>
            

          </div>
          

          <div
            class="d2h-file-wrapper"
            data-lang="js"
            id="d2h-182094"
          >
            
    
            <div
              class="d2h-file-header"
            >
              
      
              <span
                class="d2h-file-name-wrapper"
              >
                
    
                <svg
                  aria-hidden="true"
                  class="d2h-icon"
                  height="16"
                  version="1.1"
                  viewBox="0 0 12 16"
                  width="12"
                >
                  
        
                  <path
                    d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"
                  />
                  
    
                </svg>
                    
                <span
                  class="d2h-file-name"
                >
                  sagas/__tests__/index.spec.js
                </span>
                
    
                <span
                  class="d2h-tag d2h-added d2h-added-tag"
                >
                  ADDED
                </span>
              </span>
              
    
            </div>
            
    
            <div
              class="d2h-files-diff"
            >
              
        
              <div
                class="d2h-file-side-diff"
              >
                
            
                <div
                  class="d2h-code-wrapper"
                >
                  
                
                  <table
                    class="d2h-diff-table"
                  >
                    
                    
                    <tbody
                      class="d2h-diff-tbody"
                    >
                      
                    
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-info"
                        />
                        
    
                        <td
                          class="d2h-info"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-info"
                          >
                            @@ -0,0 +1,33 @@
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      
                    
                    </tbody>
                    
                
                  </table>
                  
            
                </div>
                
        
              </div>
              
        
              <div
                class="d2h-file-side-diff"
              >
                
            
                <div
                  class="d2h-code-wrapper"
                >
                  
                
                  <table
                    class="d2h-diff-table"
                  >
                    
                    
                    <tbody
                      class="d2h-diff-tbody"
                    >
                      
                    
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-info"
                        />
                        
    
                        <td
                          class="d2h-info"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-info"
                          />
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      1
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              import { call, take, put } from 'redux-saga/effects';
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      2
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              import { watchLoadAccessToken } from '../';
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      3
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              import { requestApiToken } from '../../api';
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      4
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              import * as authActions from '../../actions/auth';
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      5
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      6
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              describe('redux saga', () =&gt; {
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      7
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                test('should watch load access token flow', () =&gt; {
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      8
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  const mockQueryCode = { code: 'fa8aa50f4a801cbb6d686309eafe3994' };
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      9
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  const mockResponseData = {
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      10
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                    data: {
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      11
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                      access_token: '071785dd71832da26b273cf495aec8e8',
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      12
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                      user: {
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      13
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                        id: 1,
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      14
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                        username: 'neighrbohood999'
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      15
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                      }
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      16
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                    }
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      17
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  };
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      18
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  const generator = watchLoadAccessToken();
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      19
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      20
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  expect(generator.next().value).toEqual(
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      21
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                    take(authActions.REQUEST_ACCESSTOKEN)
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      22
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  );
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      23
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      24
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  expect(generator.next(mockQueryCode).value).toEqual(
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      25
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                    call(requestApiToken, 'fa8aa50f4a801cbb6d686309eafe3994')
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      26
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  );
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      27
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      28
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  const { data: { access_token, user } } = mockResponseData;
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      29
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  expect(generator.next(mockResponseData).value).toEqual(
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      30
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                    put(authActions.receiveAccessToken({ access_token, user }))
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      31
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  );
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      32
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                });
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      33
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              });
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      
                    
                    </tbody>
                    
                
                  </table>
                  
            
                </div>
                
        
              </div>
              
    
            </div>
            

          </div>
          

          <div
            class="d2h-file-wrapper"
            data-lang="js"
            id="d2h-239209"
          >
            
    
            <div
              class="d2h-file-header"
            >
              
      
              <span
                class="d2h-file-name-wrapper"
              >
                
    
                <svg
                  aria-hidden="true"
                  class="d2h-icon"
                  height="16"
                  version="1.1"
                  viewBox="0 0 12 16"
                  width="12"
                >
                  
        
                  <path
                    d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"
                  />
                  
    
                </svg>
                    
                <span
                  class="d2h-file-name"
                >
                  sagas/index.js
                </span>
                
    
                <span
                  class="d2h-tag d2h-changed d2h-changed-tag"
                >
                  CHANGED
                </span>
              </span>
              
    
            </div>
            
    
            <div
              class="d2h-files-diff"
            >
              
        
              <div
                class="d2h-file-side-diff"
              >
                
            
                <div
                  class="d2h-code-wrapper"
                >
                  
                
                  <table
                    class="d2h-diff-table"
                  >
                    
                    
                    <tbody
                      class="d2h-diff-tbody"
                    >
                      
                    
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-info"
                        />
                        
    
                        <td
                          class="d2h-info"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-info"
                          >
                            @@ -1,3 +1,17 @@
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-cntx"
                        >
                          
      1
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-cntx"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              export default function* rootSaga() {
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-del d2h-change"
                        >
                          
      2
    
                        </td>
                        
    
                        <td
                          class="d2h-del d2h-change"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-del d2h-change"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              -
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                
                              <del>
                                console.log
                              </del>
                              (
                              <del>
                                'root saga');
                              </del>
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
      
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx d2h-emptyplaceholder"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-cntx"
                        >
                          
      3
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-cntx"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              }
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      
                    
                    </tbody>
                    
                
                  </table>
                  
            
                </div>
                
        
              </div>
              
        
              <div
                class="d2h-file-side-diff"
              >
                
            
                <div
                  class="d2h-code-wrapper"
                >
                  
                
                  <table
                    class="d2h-diff-table"
                  >
                    
                    
                    <tbody
                      class="d2h-diff-tbody"
                    >
                      
                    
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-info"
                        />
                        
    
                        <td
                          class="d2h-info"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-info"
                          />
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      1
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              import { all, call, take, put, fork } from 'redux-saga/effects';
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      2
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              import { requestApiToken } from '../api';
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      3
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              import * as actions from '../actions/auth';
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      4
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      5
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              export function* watchLoadAccessToken() {
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      6
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                while (true) {
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      7
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  const { code } = yield take(actions.REQUEST_ACCESSTOKEN);
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      8
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  const { data: { access_token, user } } = yield call(requestApiToken, code);
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      9
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  yield put(actions.receiveAccessToken({ access_token, user }));
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      10
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                }
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      11
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              }
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      12
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              <br />
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-cntx"
                        >
                          
      13
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-cntx"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              export default function* rootSaga() {
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins d2h-change"
                        >
                          
      14
    
                        </td>
                        
    
                        <td
                          class="d2h-ins d2h-change"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins d2h-change"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                
                              <ins>
                                yield all
                              </ins>
                              (
                              <ins>
                                [
                              </ins>
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      15
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                  fork(watchLoadAccessToken)
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-ins"
                        >
                          
      16
    
                        </td>
                        
    
                        <td
                          class="d2h-ins"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-ins"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                              +
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                                ]);
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      <tr>
                        
    
                        <td
                          class="d2h-code-side-linenumber d2h-cntx"
                        >
                          
      17
    
                        </td>
                        
    
                        <td
                          class="d2h-cntx"
                        >
                          
        
                          <div
                            class="d2h-code-side-line d2h-cntx"
                          >
                            
            
                            <span
                              class="d2h-code-line-prefix"
                            >
                               
                            </span>
                            
            
                            <span
                              class="d2h-code-line-ctn"
                            >
                              }
                            </span>
                            
        
                          </div>
                          
    
                        </td>
                        

                      </tr>
                      
                    
                    </tbody>
                    
                
                  </table>
                  
            
                </div>
                
        
              </div>
              
    
            </div>
            

          </div>
          

        </div>
      </div>
    </div>
  </body>,
  "container": <div>
    <div>
      <div
        class="d2h-file-list-wrapper"
      >
        
    
        <div
          class="d2h-file-list-header"
        >
          
        
          <span
            class="d2h-file-list-title"
          >
            Files changed (3)
          </span>
          
        
          <a
            class="d2h-file-switch d2h-hide"
          >
            hide
          </a>
          
        
          <a
            class="d2h-file-switch d2h-show"
          >
            show
          </a>
          
    
        </div>
        
    
        <ol
          class="d2h-file-list"
        >
          
    
          <li
            class="d2h-file-list-line"
          >
            
    
            <span
              class="d2h-file-name-wrapper"
            >
              
      
              <svg
                aria-hidden="true"
                class="d2h-icon d2h-added"
                height="16"
                title="added"
                version="1.1"
                viewBox="0 0 14 16"
                width="14"
              >
                
          
                <path
                  d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM6 9H3V7h3V4h2v3h3v2H8v3H6V9z"
                />
                
      
              </svg>
                    
              <a
                class="d2h-file-name"
                href="#d2h-606731"
              >
                .travis.yml
              </a>
              
      
              <span
                class="d2h-file-stats"
              >
                
          
                <span
                  class="d2h-lines-added"
                >
                  +7
                </span>
                
          
                <span
                  class="d2h-lines-deleted"
                >
                  -0
                </span>
                
      
              </span>
              
    
            </span>
            

          </li>
          

          <li
            class="d2h-file-list-line"
          >
            
    
            <span
              class="d2h-file-name-wrapper"
            >
              
      
              <svg
                aria-hidden="true"
                class="d2h-icon d2h-added"
                height="16"
                title="added"
                version="1.1"
                viewBox="0 0 14 16"
                width="14"
              >
                
          
                <path
                  d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM6 9H3V7h3V4h2v3h3v2H8v3H6V9z"
                />
                
      
              </svg>
                    
              <a
                class="d2h-file-name"
                href="#d2h-182094"
              >
                sagas/__tests__/index.spec.js
              </a>
              
      
              <span
                class="d2h-file-stats"
              >
                
          
                <span
                  class="d2h-lines-added"
                >
                  +33
                </span>
                
          
                <span
                  class="d2h-lines-deleted"
                >
                  -0
                </span>
                
      
              </span>
              
    
            </span>
            

          </li>
          

          <li
            class="d2h-file-list-line"
          >
            
    
            <span
              class="d2h-file-name-wrapper"
            >
              
      
              <svg
                aria-hidden="true"
                class="d2h-icon d2h-changed"
                height="16"
                title="modified"
                version="1.1"
                viewBox="0 0 14 16"
                width="14"
              >
                
          
                <path
                  d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"
                />
                
      
              </svg>
                    
              <a
                class="d2h-file-name"
                href="#d2h-239209"
              >
                sagas/index.js
              </a>
              
      
              <span
                class="d2h-file-stats"
              >
                
          
                <span
                  class="d2h-lines-added"
                >
                  +15
                </span>
                
          
                <span
                  class="d2h-lines-deleted"
                >
                  -1
                </span>
                
      
              </span>
              
    
            </span>
            

          </li>
          
    
        </ol>
        

      </div>
      <div
        class="d2h-wrapper"
      >
        
    
        <div
          class="d2h-file-wrapper"
          data-lang="yml"
          id="d2h-606731"
        >
          
    
          <div
            class="d2h-file-header"
          >
            
      
            <span
              class="d2h-file-name-wrapper"
            >
              
    
              <svg
                aria-hidden="true"
                class="d2h-icon"
                height="16"
                version="1.1"
                viewBox="0 0 12 16"
                width="12"
              >
                
        
                <path
                  d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"
                />
                
    
              </svg>
                  
              <span
                class="d2h-file-name"
              >
                .travis.yml
              </span>
              
    
              <span
                class="d2h-tag d2h-added d2h-added-tag"
              >
                ADDED
              </span>
            </span>
            
    
          </div>
          
    
          <div
            class="d2h-files-diff"
          >
            
        
            <div
              class="d2h-file-side-diff"
            >
              
            
              <div
                class="d2h-code-wrapper"
              >
                
                
                <table
                  class="d2h-diff-table"
                >
                  
                    
                  <tbody
                    class="d2h-diff-tbody"
                  >
                    
                    
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-info"
                      />
                      
    
                      <td
                        class="d2h-info"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-info"
                        >
                          @@ -0,0 +1,7 @@
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    
                    
                  </tbody>
                  
                
                </table>
                
            
              </div>
              
        
            </div>
            
        
            <div
              class="d2h-file-side-diff"
            >
              
            
              <div
                class="d2h-code-wrapper"
              >
                
                
                <table
                  class="d2h-diff-table"
                >
                  
                    
                  <tbody
                    class="d2h-diff-tbody"
                  >
                    
                    
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-info"
                      />
                      
    
                      <td
                        class="d2h-info"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-info"
                        />
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      1
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            sudo: false
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      2
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            language: node_js
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      3
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            node_js:
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      4
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                              - '6'
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      5
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                              - '7'
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      6
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                              - '8'
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      7
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            script: "npm test"
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    
                    
                  </tbody>
                  
                
                </table>
                
            
              </div>
              
        
            </div>
            
    
          </div>
          

        </div>
        

        <div
          class="d2h-file-wrapper"
          data-lang="js"
          id="d2h-182094"
        >
          
    
          <div
            class="d2h-file-header"
          >
            
      
            <span
              class="d2h-file-name-wrapper"
            >
              
    
              <svg
                aria-hidden="true"
                class="d2h-icon"
                height="16"
                version="1.1"
                viewBox="0 0 12 16"
                width="12"
              >
                
        
                <path
                  d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"
                />
                
    
              </svg>
                  
              <span
                class="d2h-file-name"
              >
                sagas/__tests__/index.spec.js
              </span>
              
    
              <span
                class="d2h-tag d2h-added d2h-added-tag"
              >
                ADDED
              </span>
            </span>
            
    
          </div>
          
    
          <div
            class="d2h-files-diff"
          >
            
        
            <div
              class="d2h-file-side-diff"
            >
              
            
              <div
                class="d2h-code-wrapper"
              >
                
                
                <table
                  class="d2h-diff-table"
                >
                  
                    
                  <tbody
                    class="d2h-diff-tbody"
                  >
                    
                    
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-info"
                      />
                      
    
                      <td
                        class="d2h-info"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-info"
                        >
                          @@ -0,0 +1,33 @@
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    
                    
                  </tbody>
                  
                
                </table>
                
            
              </div>
              
        
            </div>
            
        
            <div
              class="d2h-file-side-diff"
            >
              
            
              <div
                class="d2h-code-wrapper"
              >
                
                
                <table
                  class="d2h-diff-table"
                >
                  
                    
                  <tbody
                    class="d2h-diff-tbody"
                  >
                    
                    
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-info"
                      />
                      
    
                      <td
                        class="d2h-info"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-info"
                        />
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      1
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            import { call, take, put } from 'redux-saga/effects';
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      2
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            import { watchLoadAccessToken } from '../';
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      3
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            import { requestApiToken } from '../../api';
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      4
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            import * as authActions from '../../actions/auth';
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      5
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      6
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            describe('redux saga', () =&gt; {
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      7
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                              test('should watch load access token flow', () =&gt; {
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      8
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                const mockQueryCode = { code: 'fa8aa50f4a801cbb6d686309eafe3994' };
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      9
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                const mockResponseData = {
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      10
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                  data: {
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      11
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                    access_token: '071785dd71832da26b273cf495aec8e8',
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      12
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                    user: {
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      13
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                      id: 1,
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      14
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                      username: 'neighrbohood999'
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      15
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                    }
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      16
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                  }
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      17
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                };
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      18
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                const generator = watchLoadAccessToken();
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      19
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      20
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                expect(generator.next().value).toEqual(
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      21
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                  take(authActions.REQUEST_ACCESSTOKEN)
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      22
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                );
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      23
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      24
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                expect(generator.next(mockQueryCode).value).toEqual(
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      25
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                  call(requestApiToken, 'fa8aa50f4a801cbb6d686309eafe3994')
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      26
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                );
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      27
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      28
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                const { data: { access_token, user } } = mockResponseData;
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      29
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                expect(generator.next(mockResponseData).value).toEqual(
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      30
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                  put(authActions.receiveAccessToken({ access_token, user }))
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      31
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                );
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      32
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                              });
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      33
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            });
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    
                    
                  </tbody>
                  
                
                </table>
                
            
              </div>
              
        
            </div>
            
    
          </div>
          

        </div>
        

        <div
          class="d2h-file-wrapper"
          data-lang="js"
          id="d2h-239209"
        >
          
    
          <div
            class="d2h-file-header"
          >
            
      
            <span
              class="d2h-file-name-wrapper"
            >
              
    
              <svg
                aria-hidden="true"
                class="d2h-icon"
                height="16"
                version="1.1"
                viewBox="0 0 12 16"
                width="12"
              >
                
        
                <path
                  d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"
                />
                
    
              </svg>
                  
              <span
                class="d2h-file-name"
              >
                sagas/index.js
              </span>
              
    
              <span
                class="d2h-tag d2h-changed d2h-changed-tag"
              >
                CHANGED
              </span>
            </span>
            
    
          </div>
          
    
          <div
            class="d2h-files-diff"
          >
            
        
            <div
              class="d2h-file-side-diff"
            >
              
            
              <div
                class="d2h-code-wrapper"
              >
                
                
                <table
                  class="d2h-diff-table"
                >
                  
                    
                  <tbody
                    class="d2h-diff-tbody"
                  >
                    
                    
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-info"
                      />
                      
    
                      <td
                        class="d2h-info"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-info"
                        >
                          @@ -1,3 +1,17 @@
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-cntx"
                      >
                        
      1
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-cntx"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            export default function* rootSaga() {
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-del d2h-change"
                      >
                        
      2
    
                      </td>
                      
    
                      <td
                        class="d2h-del d2h-change"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-del d2h-change"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            -
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                              
                            <del>
                              console.log
                            </del>
                            (
                            <del>
                              'root saga');
                            </del>
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                      >
                        
      
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx d2h-emptyplaceholder"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-code-side-emptyplaceholder d2h-cntx d2h-emptyplaceholder"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-cntx"
                      >
                        
      3
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-cntx"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            }
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    
                    
                  </tbody>
                  
                
                </table>
                
            
              </div>
              
        
            </div>
            
        
            <div
              class="d2h-file-side-diff"
            >
              
            
              <div
                class="d2h-code-wrapper"
              >
                
                
                <table
                  class="d2h-diff-table"
                >
                  
                    
                  <tbody
                    class="d2h-diff-tbody"
                  >
                    
                    
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-info"
                      />
                      
    
                      <td
                        class="d2h-info"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-info"
                        />
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      1
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            import { all, call, take, put, fork } from 'redux-saga/effects';
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      2
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            import { requestApiToken } from '../api';
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      3
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            import * as actions from '../actions/auth';
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      4
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      5
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            export function* watchLoadAccessToken() {
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      6
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                              while (true) {
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      7
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                const { code } = yield take(actions.REQUEST_ACCESSTOKEN);
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      8
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                const { data: { access_token, user } } = yield call(requestApiToken, code);
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      9
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                yield put(actions.receiveAccessToken({ access_token, user }));
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      10
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                              }
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      11
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            }
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      12
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            <br />
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-cntx"
                      >
                        
      13
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-cntx"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            export default function* rootSaga() {
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins d2h-change"
                      >
                        
      14
    
                      </td>
                      
    
                      <td
                        class="d2h-ins d2h-change"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins d2h-change"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                              
                            <ins>
                              yield all
                            </ins>
                            (
                            <ins>
                              [
                            </ins>
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      15
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                                fork(watchLoadAccessToken)
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-ins"
                      >
                        
      16
    
                      </td>
                      
    
                      <td
                        class="d2h-ins"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-ins"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                            +
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                              ]);
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    <tr>
                      
    
                      <td
                        class="d2h-code-side-linenumber d2h-cntx"
                      >
                        
      17
    
                      </td>
                      
    
                      <td
                        class="d2h-cntx"
                      >
                        
        
                        <div
                          class="d2h-code-side-line d2h-cntx"
                        >
                          
            
                          <span
                            class="d2h-code-line-prefix"
                          >
                             
                          </span>
                          
            
                          <span
                            class="d2h-code-line-ctn"
                          >
                            }
                          </span>
                          
        
                        </div>
                        
    
                      </td>
                      

                    </tr>
                    
                    
                  </tbody>
                  
                
                </table>
                
            
              </div>
              
        
            </div>
            
    
          </div>
          

        </div>
        

      </div>
    </div>
  </div>,
  "debug": [Function],
  "findAllByAltText": [Function],
  "findAllByDisplayValue": [Function],
  "findAllByLabelText": [Function],
  "findAllByPlaceholderText": [Function],
  "findAllByRole": [Function],
  "findAllByTestId": [Function],
  "findAllByText": [Function],
  "findAllByTitle": [Function],
  "findByAltText": [Function],
  "findByDisplayValue": [Function],
  "findByLabelText": [Function],
  "findByPlaceholderText": [Function],
  "findByRole": [Function],
  "findByTestId": [Function],
  "findByText": [Function],
  "findByTitle": [Function],
  "getAllByAltText": [Function],
  "getAllByDisplayValue": [Function],
  "getAllByLabelText": [Function],
  "getAllByPlaceholderText": [Function],
  "getAllByRole": [Function],
  "getAllByTestId": [Function],
  "getAllByText": [Function],
  "getAllByTitle": [Function],
  "getByAltText": [Function],
  "getByDisplayValue": [Function],
  "getByLabelText": [Function],
  "getByPlaceholderText": [Function],
  "getByRole": [Function],
  "getByTestId": [Function],
  "getByText": [Function],
  "getByTitle": [Function],
  "queryAllByAltText": [Function],
  "queryAllByDisplayValue": [Function],
  "queryAllByLabelText": [Function],
  "queryAllByPlaceholderText": [Function],
  "queryAllByRole": [Function],
  "queryAllByTestId": [Function],
  "queryAllByText": [Function],
  "queryAllByTitle": [Function],
  "queryByAltText": [Function],
  "queryByDisplayValue": [Function],
  "queryByLabelText": [Function],
  "queryByPlaceholderText": [Function],
  "queryByRole": [Function],
  "queryByTestId": [Function],
  "queryByText": [Function],
  "queryByTitle": [Function],
  "rerender": [Function],
  "unmount": [Function],
}
`;