<!DOCTYPE html>
<!--
@license
Copyright (C) 2016 The Android Open Source Project

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->

<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<meta charset="utf-8">
<title>gr-error-manager</title>

<script src="/node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>

<script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="/components/wct-browser-legacy/browser.js"></script>

<test-fixture id="basic">
  <template>
    <gr-error-manager></gr-error-manager>
  </template>
</test-fixture>

<script type="module">
import '../../../test/common-test-setup.js';
import './gr-error-manager.js';
import {dom} from '@polymer/polymer/lib/legacy/polymer.dom.js';
import {_testOnly_initGerritPluginApi} from '../../shared/gr-js-api-interface/gr-gerrit.js';

_testOnly_initGerritPluginApi();

suite('gr-error-manager tests', () => {
  let element;
  let sandbox;

  setup(() => {
    sandbox = sinon.sandbox.create();
  });

  teardown(() => {
    sandbox.restore();
  });

  suite('when authed', () => {
    setup(() => {
      sandbox.stub(window, 'fetch')
          .returns(Promise.resolve({ok: true, status: 204}));
      element = fixture('basic');
      element._authService.clearCache();
    });

    test('does not show auth error on 403 by default', done => {
      const showAuthErrorStub = sandbox.stub(element, '_showAuthErrorAlert');
      const responseText = Promise.resolve('server says no.');
      element.dispatchEvent(
          new CustomEvent('server-error', {
            detail:
          {response: {status: 403, text() { return responseText; }}},
            composed: true, bubbles: true,
          }));
      flush(() => {
        assert.isFalse(showAuthErrorStub.calledOnce);
        done();
      });
    });

    test('show auth required for 403 with auth error and not authed before',
        done => {
          const showAuthErrorStub = sandbox.stub(
              element, '_showAuthErrorAlert'
          );
          const responseText = Promise.resolve('Authentication required\n');
          sinon.stub(element.$.restAPI, 'getLoggedIn')
              .returns(Promise.resolve(true));
          element.dispatchEvent(
              new CustomEvent('server-error', {
                detail:
              {response: {status: 403, text() { return responseText; }}},
                composed: true, bubbles: true,
              }));
          flush(() => {
            assert.isTrue(showAuthErrorStub.calledOnce);
            done();
          });
        });

    test('recheck auth for 403 with auth error if authed before', done => {
      // starts with authed state
      element.$.restAPI.getLoggedIn();
      const responseText = Promise.resolve('Authentication required\n');
      sinon.stub(element.$.restAPI, 'getLoggedIn')
          .returns(Promise.resolve(true));
      element.dispatchEvent(
          new CustomEvent('server-error', {
            detail:
          {response: {status: 403, text() { return responseText; }}},
            composed: true, bubbles: true,
          }));
      flush(() => {
        assert.isTrue(element.$.restAPI.getLoggedIn.calledOnce);
        done();
      });
    });

    test('show logged in error', () => {
      sandbox.stub(element, '_showAuthErrorAlert');
      element.dispatchEvent(
          new CustomEvent('show-auth-required', {
            composed: true, bubbles: true,
          }));
      assert.isTrue(element._showAuthErrorAlert.calledWithExactly(
          'Log in is required to perform that action.', 'Log in.'));
    });

    test('show normal Error', done => {
      const showErrorStub = sandbox.stub(element, '_showErrorDialog');
      const textSpy = sandbox.spy(() => Promise.resolve('ZOMG'));
      element.dispatchEvent(
          new CustomEvent('server-error', {
            detail: {response: {status: 500, text: textSpy}},
            composed: true, bubbles: true,
          }));

      assert.isTrue(textSpy.called);
      flush(() => {
        assert.isTrue(showErrorStub.calledOnce);
        assert.isTrue(showErrorStub.lastCall.calledWithExactly(
            'Error 500: ZOMG'));
        done();
      });
    });

    test('_constructServerErrorMsg', () => {
      const errorText = 'change conflicts';
      const status = 409;
      const statusText = 'Conflict';
      const url = '/my/test/url';

      assert.equal(element._constructServerErrorMsg({status}),
          'Error 409');
      assert.equal(element._constructServerErrorMsg({status, url}),
          'Error 409: \nEndpoint: /my/test/url');
      assert.equal(element.
          _constructServerErrorMsg({status, statusText, url}),
      'Error 409 (Conflict): \nEndpoint: /my/test/url');
      assert.equal(element._constructServerErrorMsg({
        status,
        statusText,
        errorText,
        url,
      }), 'Error 409 (Conflict): change conflicts' +
      '\nEndpoint: /my/test/url');
      assert.equal(element._constructServerErrorMsg({
        status,
        statusText,
        errorText,
        url,
        trace: 'xxxxx',
      }), 'Error 409 (Conflict): change conflicts' +
      '\nEndpoint: /my/test/url\nTrace Id: xxxxx');
    });

    test('extract trace id from headers if exists', done => {
      const textSpy = sandbox.spy(
          () => Promise.resolve('500')
      );
      const headers = new Headers();
      headers.set('X-Gerrit-Trace', 'xxxx');
      element.dispatchEvent(
          new CustomEvent('server-error', {
            detail: {
              response: {
                headers,
                status: 500,
                text: textSpy,
              },
            },
            composed: true, bubbles: true,
          }));
      flush(() => {
        assert.equal(
            element.$.errorDialog.text,
            'Error 500: 500\nTrace Id: xxxx'
        );
        done();
      });
    });

    test('suppress TOO_MANY_FILES error', done => {
      const showAlertStub = sandbox.stub(element, '_showAlert');
      const textSpy = sandbox.spy(
          () => Promise.resolve('too many files to find conflicts')
      );
      element.dispatchEvent(
          new CustomEvent('server-error', {
            detail: {response: {status: 500, text: textSpy}},
            composed: true, bubbles: true,
          }));

      assert.isTrue(textSpy.called);
      flush(() => {
        assert.isFalse(showAlertStub.called);
        done();
      });
    });

    test('show network error', done => {
      const consoleErrorStub = sandbox.stub(console, 'error');
      const showAlertStub = sandbox.stub(element, '_showAlert');
      element.dispatchEvent(
          new CustomEvent('network-error', {
            detail: {error: new Error('ZOMG')},
            composed: true, bubbles: true,
          }));
      flush(() => {
        assert.isTrue(showAlertStub.calledOnce);
        assert.isTrue(showAlertStub.lastCall.calledWithExactly(
            'Server unavailable'));
        assert.isTrue(consoleErrorStub.calledOnce);
        assert.isTrue(consoleErrorStub.lastCall.calledWithExactly('ZOMG'));
        done();
      });
    });

    test('show auth refresh toast', done => {
      // starts with authed state
      element.$.restAPI.getLoggedIn();
      const refreshStub = sandbox.stub(element.$.restAPI, 'getAccount',
          () => Promise.resolve({}));
      const toastSpy = sandbox.spy(element, '_createToastAlert');
      const windowOpen = sandbox.stub(window, 'open');
      const responseText = Promise.resolve('Authentication required\n');
      // fake failed auth
      window.fetch.returns(Promise.resolve({status: 403}));
      element.dispatchEvent(
          new CustomEvent('server-error', {
            detail:
          {response: {status: 403, text() { return responseText; }}},
            composed: true, bubbles: true,
          }));
      assert.equal(window.fetch.callCount, 1);
      flush(() => {
        // here needs two flush as there are two chanined
        // promises on server-error handler and flush only flushes one
        assert.equal(window.fetch.callCount, 2);
        flush(() => {
          // auth-error fired
          assert.isTrue(toastSpy.called);

          // toast
          let toast = toastSpy.lastCall.returnValue;
          assert.isOk(toast);
          assert.include(
              dom(toast.root).textContent, 'Credentials expired.');
          assert.include(
              dom(toast.root).textContent, 'Refresh credentials');

          // noInteractionOverlay
          const noInteractionOverlay = element.$.noInteractionOverlay;
          assert.isOk(noInteractionOverlay);
          sinon.spy(noInteractionOverlay, 'close');
          assert.equal(
              noInteractionOverlay.backdropElement.getAttribute('opened'),
              '');
          assert.isFalse(windowOpen.called);
          MockInteractions.tap(toast.shadowRoot
              .querySelector('gr-button.action'));
          assert.isTrue(windowOpen.called);

          // @see Issue 5822: noopener breaks closeAfterLogin
          assert.equal(windowOpen.lastCall.args[2].indexOf('noopener=yes'),
              -1);

          const hideToastSpy = sandbox.spy(toast, 'hide');

          // now fake authed
          window.fetch.returns(Promise.resolve({status: 204}));
          element._handleWindowFocus();
          element.flushDebouncer('checkLoggedIn');
          flush(() => {
            assert.isTrue(refreshStub.called);
            assert.isTrue(hideToastSpy.called);

            // toast update
            assert.notStrictEqual(toastSpy.lastCall.returnValue, toast);
            toast = toastSpy.lastCall.returnValue;
            assert.isOk(toast);
            assert.include(
                dom(toast.root).textContent, 'Credentials refreshed');

            // close overlay
            assert.isTrue(noInteractionOverlay.close.called);
            done();
          });
        });
      });
    });

    test('auth toast should dismiss existing toast', done => {
      // starts with authed state
      element.$.restAPI.getLoggedIn();
      const toastSpy = sandbox.spy(element, '_createToastAlert');
      const responseText = Promise.resolve('Authentication required\n');

      // fake an alert
      element.dispatchEvent(
          new CustomEvent('show-alert', {
            detail: {message: 'test reload', action: 'reload'},
            composed: true, bubbles: true,
          }));
      const toast = toastSpy.lastCall.returnValue;
      assert.isOk(toast);
      assert.include(
          dom(toast.root).textContent, 'test reload');

      // fake auth
      window.fetch.returns(Promise.resolve({status: 403}));
      element.dispatchEvent(
          new CustomEvent('server-error', {
            detail:
          {response: {status: 403, text() { return responseText; }}},
            composed: true, bubbles: true,
          }));
      assert.equal(window.fetch.callCount, 1);
      flush(() => {
        // here needs two flush as there are two chained
        // promises on server-error handler and flush only flushes one
        assert.equal(window.fetch.callCount, 2);
        flush(() => {
          // toast
          const toast = toastSpy.lastCall.returnValue;
          assert.include(
              dom(toast.root).textContent, 'Credentials expired.');
          assert.include(
              dom(toast.root).textContent, 'Refresh credentials');
          done();
        });
      });
    });

    test('regular toast should dismiss regular toast', () => {
      // starts with authed state
      element.$.restAPI.getLoggedIn();
      const toastSpy = sandbox.spy(element, '_createToastAlert');

      // fake an alert
      element.dispatchEvent(
          new CustomEvent('show-alert', {
            detail: {message: 'test reload', action: 'reload'},
            composed: true, bubbles: true,
          }));
      let toast = toastSpy.lastCall.returnValue;
      assert.isOk(toast);
      assert.include(
          dom(toast.root).textContent, 'test reload');

      // new alert
      element.dispatchEvent(
          new CustomEvent('show-alert', {
            detail: {message: 'second-test', action: 'reload'},
            composed: true, bubbles: true,
          }));

      toast = toastSpy.lastCall.returnValue;
      assert.include(dom(toast.root).textContent, 'second-test');
    });

    test('regular toast should not dismiss auth toast', done => {
      // starts with authed state
      element.$.restAPI.getLoggedIn();
      const toastSpy = sandbox.spy(element, '_createToastAlert');
      const responseText = Promise.resolve('Authentication required\n');

      // fake auth
      window.fetch.returns(Promise.resolve({status: 403}));
      element.dispatchEvent(
          new CustomEvent('server-error', {
            detail:
          {response: {status: 403, text() { return responseText; }}},
            composed: true, bubbles: true,
          }));
      assert.equal(window.fetch.callCount, 1);
      flush(() => {
        // here needs two flush as there are two chained
        // promises on server-error handler and flush only flushes one
        assert.equal(window.fetch.callCount, 2);
        flush(() => {
          let toast = toastSpy.lastCall.returnValue;
          assert.include(
              dom(toast.root).textContent, 'Credentials expired.');
          assert.include(
              dom(toast.root).textContent, 'Refresh credentials');

          // fake an alert
          element.dispatchEvent(
              new CustomEvent('show-alert', {
                detail: {
                  message: 'test-alert', action: 'reload',
                },
                composed: true, bubbles: true,
              }));
          flush(() => {
            toast = toastSpy.lastCall.returnValue;
            assert.isOk(toast);
            assert.include(
                dom(toast.root).textContent, 'Credentials expired.');
            done();
          });
        });
      });
    });

    test('show alert', () => {
      const alertObj = {message: 'foo'};
      sandbox.stub(element, '_showAlert');
      element.dispatchEvent(
          new CustomEvent('show-alert', {
            detail: alertObj,
            composed: true, bubbles: true,
          }));
      assert.isTrue(element._showAlert.calledOnce);
      assert.equal(element._showAlert.lastCall.args[0], 'foo');
      assert.isNotOk(element._showAlert.lastCall.args[1]);
      assert.isNotOk(element._showAlert.lastCall.args[2]);
    });

    test('checks stale credentials on visibility change', () => {
      const refreshStub = sandbox.stub(element,
          '_checkSignedIn');
      sandbox.stub(Date, 'now').returns(999999);
      element._lastCredentialCheck = 0;
      element._handleVisibilityChange();

      // Since there is no known account, it should not test credentials.
      assert.isFalse(refreshStub.called);
      assert.equal(element._lastCredentialCheck, 0);

      element.knownAccountId = 123;
      element._handleVisibilityChange();

      // Should test credentials, since there is a known account.
      assert.isTrue(refreshStub.called);
      assert.equal(element._lastCredentialCheck, 999999);
    });

    test('refreshes with same credentials', done => {
      const accountPromise = Promise.resolve({_account_id: 1234});
      sandbox.stub(element.$.restAPI, 'getAccount')
          .returns(accountPromise);
      const requestCheckStub = sandbox.stub(element, '_requestCheckLoggedIn');
      const handleRefreshStub = sandbox.stub(element,
          '_handleCredentialRefreshed');
      const reloadStub = sandbox.stub(element, '_reloadPage');

      element.knownAccountId = 1234;
      element._refreshingCredentials = true;
      element._checkSignedIn();

      flush(() => {
        assert.isFalse(requestCheckStub.called);
        assert.isTrue(handleRefreshStub.called);
        assert.isFalse(reloadStub.called);
        done();
      });
    });

    test('_showAlert hides existing alerts', () => {
      element._alertElement = element._createToastAlert();
      const hideStub = sandbox.stub(element, '_hideAlert');
      element._showAlert();
      assert.isTrue(hideStub.calledOnce);
    });

    test('show-error', () => {
      const openStub = sandbox.stub(element.$.errorOverlay, 'open');
      const closeStub = sandbox.stub(element.$.errorOverlay, 'close');
      const reportStub = sandbox.stub(
          element.reporting,
          'reportErrorDialog'
      );

      const message = 'test message';
      element.dispatchEvent(
          new CustomEvent('show-error', {
            detail: {message},
            composed: true, bubbles: true,
          }));
      flushAsynchronousOperations();

      assert.isTrue(openStub.called);
      assert.isTrue(reportStub.called);
      assert.equal(element.$.errorDialog.text, message);

      element.$.errorDialog.dispatchEvent(
          new CustomEvent('dismiss', {
            composed: true, bubbles: true,
          }));
      flushAsynchronousOperations();

      assert.isTrue(closeStub.called);
    });

    test('reloads when refreshed credentials differ', done => {
      const accountPromise = Promise.resolve({_account_id: 1234});
      sandbox.stub(element.$.restAPI, 'getAccount')
          .returns(accountPromise);
      const requestCheckStub = sandbox.stub(
          element,
          '_requestCheckLoggedIn');
      const handleRefreshStub = sandbox.stub(element,
          '_handleCredentialRefreshed');
      const reloadStub = sandbox.stub(element, '_reloadPage');

      element.knownAccountId = 4321; // Different from 1234
      element._refreshingCredentials = true;
      element._checkSignedIn();

      flush(() => {
        assert.isFalse(requestCheckStub.called);
        assert.isFalse(handleRefreshStub.called);
        assert.isTrue(reloadStub.called);
        done();
      });
    });
  });

  suite('when not authed', () => {
    setup(() => {
      stub('gr-rest-api-interface', {
        getLoggedIn() { return Promise.resolve(false); },
      });
      element = fixture('basic');
    });

    test('refresh loop continues on credential fail', done => {
      const requestCheckStub = sandbox.stub(
          element,
          '_requestCheckLoggedIn');
      const handleRefreshStub = sandbox.stub(element,
          '_handleCredentialRefreshed');
      const reloadStub = sandbox.stub(element, '_reloadPage');

      element._refreshingCredentials = true;
      element._checkSignedIn();

      flush(() => {
        assert.isTrue(requestCheckStub.called);
        assert.isFalse(handleRefreshStub.called);
        assert.isFalse(reloadStub.called);
        done();
      });
    });
  });
});
</script>