summaryrefslogtreecommitdiffstats
path: root/webapp/tests/components/__snapshots__
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/tests/components/__snapshots__')
-rw-r--r--webapp/tests/components/__snapshots__/about_build_modal.test.jsx.snap370
-rw-r--r--webapp/tests/components/__snapshots__/new_channel_modal.test.jsx.snap751
-rw-r--r--webapp/tests/components/__snapshots__/reset_status_modal.test.jsx.snap54
-rw-r--r--webapp/tests/components/__snapshots__/shortcuts_modal.test.jsx.snap237
-rw-r--r--webapp/tests/components/__snapshots__/spinner_button.test.jsx.snap27
5 files changed, 0 insertions, 1439 deletions
diff --git a/webapp/tests/components/__snapshots__/about_build_modal.test.jsx.snap b/webapp/tests/components/__snapshots__/about_build_modal.test.jsx.snap
deleted file mode 100644
index b45b6b7f0..000000000
--- a/webapp/tests/components/__snapshots__/about_build_modal.test.jsx.snap
+++ /dev/null
@@ -1,370 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/AboutBuildModal should match snapshot for enterprise edition 1`] = `
-<Modal
- animation={true}
- autoFocus={true}
- backdrop={true}
- bsClass="modal"
- dialogClassName="about-modal"
- dialogComponentClass={[Function]}
- enforceFocus={true}
- keyboard={true}
- manager={
- ModalManager {
- "add": [Function],
- "containers": Array [],
- "data": Array [],
- "handleContainerOverflow": true,
- "hideSiblingNodes": true,
- "isTopModal": [Function],
- "modals": Array [],
- "remove": [Function],
- }
- }
- onHide={[Function]}
- renderBackdrop={[Function]}
- restoreFocus={true}
- show={true}
->
- <ModalHeader
- bsClass="modal-header"
- closeButton={true}
- closeLabel="Close"
- >
- <ModalTitle
- bsClass="modal-title"
- componentClass="h4"
- >
- <FormattedMessage
- defaultMessage="About Mattermost"
- id="about.title"
- values={Object {}}
- />
- </ModalTitle>
- </ModalHeader>
- <ModalBody
- bsClass="modal-body"
- componentClass="div"
- >
- <div
- className="about-modal__content"
- >
- <div
- className="about-modal__logo"
- >
- <span
- className="icon"
- dangerouslySetInnerHTML={
- Object {
- "__html": "<svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'> <style type='text/css'> .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#222222;} </style> <g id='XMLID_1_'> <g id='XMLID_3_'> <path id='XMLID_4_' class='st0' d='M396.9,47.7l2.6,53.1c43,47.5,60,114.8,38.6,178.1c-32,94.4-137.4,144.1-235.4,110.9 S51.1,253.1,83,158.7C104.5,95.2,159.2,52,222.5,40.5l34.2-40.4C150-2.8,49.3,63.4,13.3,169.9C-31,300.6,39.1,442.5,169.9,486.7 s272.6-25.8,316.9-156.6C522.7,223.9,483.1,110.3,396.9,47.7z'/> </g> <path id='XMLID_2_' class='st0' d='M335.6,204.3l-1.8-74.2l-1.5-42.7l-1-37c0,0,0.2-17.8-0.4-22c-0.1-0.9-0.4-1.6-0.7-2.2 c0-0.1-0.1-0.2-0.1-0.3c0-0.1-0.1-0.2-0.1-0.2c-0.7-1.2-1.8-2.1-3.1-2.6c-1.4-0.5-2.9-0.4-4.2,0.2c0,0-0.1,0-0.1,0 c-0.2,0.1-0.3,0.1-0.4,0.2c-0.6,0.3-1.2,0.7-1.8,1.3c-3,3-13.7,17.2-13.7,17.2l-23.2,28.8l-27.1,33l-46.5,57.8 c0,0-21.3,26.6-16.6,59.4s29.1,48.7,48,55.1c18.9,6.4,48,8.5,71.6-14.7C336.4,238.4,335.6,204.3,335.6,204.3z'/> </g> </svg>",
- }
- }
- />
- </div>
- <div>
- <h3
- className="about-modal__title"
- >
- Mattermost
-
- <FormattedMessage
- defaultMessage="Enterprise Edition"
- id="about.teamEditiont1"
- values={Object {}}
- />
- </h3>
- <p
- className="about-modal__subtitle padding-bottom"
- >
- <FormattedMessage
- defaultMessage="Modern communication from behind your firewall."
- id="about.enterpriseEditionSt"
- values={Object {}}
- />
- </p>
- <div
- className="form-group less"
- >
- <div>
- <FormattedMessage
- defaultMessage="Version:"
- id="about.version"
- values={Object {}}
- />
- <span
- id="versionString"
- >
-  3.6.0  (3.6.2)
- </span>
- </div>
- <div>
- <FormattedMessage
- defaultMessage="Database:"
- id="about.database"
- values={Object {}}
- />
-  Postgres
- </div>
- </div>
- </div>
- </div>
- <div
- className="about-modal__footer"
- >
- <div>
- <FormattedMessage
- defaultMessage="Learn more about Enterprise Edition at "
- id="about.enterpriseEditionLearn"
- values={Object {}}
- />
- <a
- href="http://about.mattermost.com/"
- rel="noopener noreferrer"
- target="_blank"
- >
- about.mattermost.com
- </a>
- </div>
- <div
- className="form-group about-modal__copyright"
- >
- <FormattedMessage
- defaultMessage="Copyright 2015 - {currentYear} Mattermost, Inc. All rights reserved"
- id="about.copyright"
- values={
- Object {
- "currentYear": 2017,
- }
- }
- />
- </div>
- </div>
- <div
- className="about-modal__notice form-group padding-top x2"
- >
- <p>
- <FormattedHTMLMessage
- defaultMessage="Mattermost is made possible by the open source software used in our <a href=\\"https://about.mattermost.com/platform-notice-txt/\\" target=\\"_blank\\">platform</a>, <a href=\\"https://about.mattermost.com/desktop-notice-txt/\\" target=\\"_blank\\">desktop</a> and <a href=\\"https://about.mattermost.com/mobile-notice-txt/\\" target=\\"_blank\\">mobile</a> apps."
- id="about.notice"
- values={Object {}}
- />
- </p>
- </div>
- <div
- className="about-modal__hash"
- >
- <p>
- <FormattedMessage
- defaultMessage="Build Hash:"
- id="about.hash"
- values={Object {}}
- />
-  
- abcdef1234567890
- <br />
- <FormattedMessage
- defaultMessage="EE Build Hash:"
- id="about.hashee"
- values={Object {}}
- />
-  
- 0123456789abcdef
- </p>
- <p>
- <FormattedMessage
- defaultMessage="Build Date:"
- id="about.date"
- values={Object {}}
- />
-  
- 21 January 2017
- </p>
- </div>
- </ModalBody>
-</Modal>
-`;
-
-exports[`components/AboutBuildModal should match snapshot for team edition 1`] = `
-<Modal
- animation={true}
- autoFocus={true}
- backdrop={true}
- bsClass="modal"
- dialogClassName="about-modal"
- dialogComponentClass={[Function]}
- enforceFocus={true}
- keyboard={true}
- manager={
- ModalManager {
- "add": [Function],
- "containers": Array [],
- "data": Array [],
- "handleContainerOverflow": true,
- "hideSiblingNodes": true,
- "isTopModal": [Function],
- "modals": Array [],
- "remove": [Function],
- }
- }
- onHide={[Function]}
- renderBackdrop={[Function]}
- restoreFocus={true}
- show={true}
->
- <ModalHeader
- bsClass="modal-header"
- closeButton={true}
- closeLabel="Close"
- >
- <ModalTitle
- bsClass="modal-title"
- componentClass="h4"
- >
- <FormattedMessage
- defaultMessage="About Mattermost"
- id="about.title"
- values={Object {}}
- />
- </ModalTitle>
- </ModalHeader>
- <ModalBody
- bsClass="modal-body"
- componentClass="div"
- >
- <div
- className="about-modal__content"
- >
- <div
- className="about-modal__logo"
- >
- <span
- className="icon"
- dangerouslySetInnerHTML={
- Object {
- "__html": "<svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'> <style type='text/css'> .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#222222;} </style> <g id='XMLID_1_'> <g id='XMLID_3_'> <path id='XMLID_4_' class='st0' d='M396.9,47.7l2.6,53.1c43,47.5,60,114.8,38.6,178.1c-32,94.4-137.4,144.1-235.4,110.9 S51.1,253.1,83,158.7C104.5,95.2,159.2,52,222.5,40.5l34.2-40.4C150-2.8,49.3,63.4,13.3,169.9C-31,300.6,39.1,442.5,169.9,486.7 s272.6-25.8,316.9-156.6C522.7,223.9,483.1,110.3,396.9,47.7z'/> </g> <path id='XMLID_2_' class='st0' d='M335.6,204.3l-1.8-74.2l-1.5-42.7l-1-37c0,0,0.2-17.8-0.4-22c-0.1-0.9-0.4-1.6-0.7-2.2 c0-0.1-0.1-0.2-0.1-0.3c0-0.1-0.1-0.2-0.1-0.2c-0.7-1.2-1.8-2.1-3.1-2.6c-1.4-0.5-2.9-0.4-4.2,0.2c0,0-0.1,0-0.1,0 c-0.2,0.1-0.3,0.1-0.4,0.2c-0.6,0.3-1.2,0.7-1.8,1.3c-3,3-13.7,17.2-13.7,17.2l-23.2,28.8l-27.1,33l-46.5,57.8 c0,0-21.3,26.6-16.6,59.4s29.1,48.7,48,55.1c18.9,6.4,48,8.5,71.6-14.7C336.4,238.4,335.6,204.3,335.6,204.3z'/> </g> </svg>",
- }
- }
- />
- </div>
- <div>
- <h3
- className="about-modal__title"
- >
- Mattermost
-
- <FormattedMessage
- defaultMessage="Team Edition"
- id="about.teamEditiont0"
- values={Object {}}
- />
- </h3>
- <p
- className="about-modal__subtitle padding-bottom"
- >
- <FormattedMessage
- defaultMessage="All your team communication in one place, instantly searchable and accessible anywhere."
- id="about.teamEditionSt"
- values={Object {}}
- />
- </p>
- <div
- className="form-group less"
- >
- <div>
- <FormattedMessage
- defaultMessage="Version:"
- id="about.version"
- values={Object {}}
- />
- <span
- id="versionString"
- >
-  3.6.0  (3.6.2)
- </span>
- </div>
- <div>
- <FormattedMessage
- defaultMessage="Database:"
- id="about.database"
- values={Object {}}
- />
-  Postgres
- </div>
- </div>
- </div>
- </div>
- <div
- className="about-modal__footer"
- >
- <div>
- <FormattedMessage
- defaultMessage="Join the Mattermost community at "
- id="about.teamEditionLearn"
- values={Object {}}
- />
- <a
- href="http://www.mattermost.org/"
- rel="noopener noreferrer"
- target="_blank"
- >
- mattermost.org
- </a>
- </div>
- <div
- className="form-group about-modal__copyright"
- >
- <FormattedMessage
- defaultMessage="Copyright 2015 - {currentYear} Mattermost, Inc. All rights reserved"
- id="about.copyright"
- values={
- Object {
- "currentYear": 2017,
- }
- }
- />
- </div>
- </div>
- <div
- className="about-modal__notice form-group padding-top x2"
- >
- <p>
- <FormattedHTMLMessage
- defaultMessage="Mattermost is made possible by the open source software used in our <a href=\\"https://about.mattermost.com/platform-notice-txt/\\" target=\\"_blank\\">platform</a>, <a href=\\"https://about.mattermost.com/desktop-notice-txt/\\" target=\\"_blank\\">desktop</a> and <a href=\\"https://about.mattermost.com/mobile-notice-txt/\\" target=\\"_blank\\">mobile</a> apps."
- id="about.notice"
- values={Object {}}
- />
- </p>
- </div>
- <div
- className="about-modal__hash"
- >
- <p>
- <FormattedMessage
- defaultMessage="Build Hash:"
- id="about.hash"
- values={Object {}}
- />
-  
- abcdef1234567890
- <br />
- <FormattedMessage
- defaultMessage="EE Build Hash:"
- id="about.hashee"
- values={Object {}}
- />
-  
- </p>
- <p>
- <FormattedMessage
- defaultMessage="Build Date:"
- id="about.date"
- values={Object {}}
- />
-  
- 21 January 2017
- </p>
- </div>
- </ModalBody>
-</Modal>
-`;
diff --git a/webapp/tests/components/__snapshots__/new_channel_modal.test.jsx.snap b/webapp/tests/components/__snapshots__/new_channel_modal.test.jsx.snap
deleted file mode 100644
index c5582dc7d..000000000
--- a/webapp/tests/components/__snapshots__/new_channel_modal.test.jsx.snap
+++ /dev/null
@@ -1,751 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/NewChannelModal should match snapshot, modal not showing 1`] = `
-<span>
- <Modal
- animation={true}
- autoFocus={true}
- backdrop={true}
- bsClass="modal"
- bsSize="large"
- dialogClassName="new-channel__modal"
- dialogComponentClass={[Function]}
- enforceFocus={true}
- keyboard={true}
- manager={
- ModalManager {
- "add": [Function],
- "containers": Array [],
- "data": Array [],
- "handleContainerOverflow": true,
- "hideSiblingNodes": true,
- "isTopModal": [Function],
- "modals": Array [],
- "remove": [Function],
- }
- }
- onHide={[Function]}
- renderBackdrop={[Function]}
- restoreFocus={true}
- show={true}
- >
- <ModalHeader
- bsClass="modal-header"
- closeButton={true}
- closeLabel="Close"
- >
- <ModalTitle
- bsClass="modal-title"
- componentClass="h4"
- >
- <FormattedMessage
- defaultMessage="New Channel"
- id="channel_modal.modalTitle"
- values={Object {}}
- />
- </ModalTitle>
- </ModalHeader>
- <form
- className="form-horizontal"
- role="form"
- >
- <ModalBody
- bsClass="modal-body"
- componentClass="div"
- >
- <div>
- <div
- className="modal-intro"
- >
- <FormattedMessage
- defaultMessage="Create a new public channel anyone can join. "
- id="channel_modal.publicChannel2"
- values={Object {}}
- />
- <a
- href="#"
- onClick={[Function]}
- >
- <FormattedMessage
- defaultMessage="Create a private channel"
- id="channel_modal.privateGroup2"
- values={Object {}}
- />
- </a>
- </div>
- </div>
- <div
- className="form-group"
- >
- <label
- className="col-sm-3 form__label control-label"
- >
- <FormattedMessage
- defaultMessage="Name"
- id="channel_modal.name"
- values={Object {}}
- />
- </label>
- <div
- className="col-sm-9"
- >
- <input
- autoFocus={true}
- className="form-control"
- id="newPublicChannelName"
- maxLength={22}
- onChange={[Function]}
- placeholder="E.g.: \\"Bugs\\", \\"Marketing\\", \\"客户支持\\""
- tabIndex="1"
- type="text"
- value="testchannel"
- />
- <p
- className="input__help dark"
- >
- URL: /testchannel (
- <a
- href="#"
- onClick={[Function]}
- >
- <FormattedMessage
- defaultMessage="Edit"
- id="channel_modal.edit"
- values={Object {}}
- />
- </a>
- )
- </p>
- </div>
- </div>
- <div
- className="form-group"
- >
- <div
- className="col-sm-3"
- >
- <label
- className="form__label control-label"
- >
- <FormattedMessage
- defaultMessage="Purpose"
- id="channel_modal.purpose"
- values={Object {}}
- />
- </label>
- <label
- className="form__label light"
- >
- <FormattedMessage
- defaultMessage="(optional)"
- id="channel_modal.optional"
- values={Object {}}
- />
- </label>
- </div>
- <div
- className="col-sm-9"
- >
- <textarea
- className="form-control no-resize"
- id="newPublicChannelPurpose"
- maxLength="250"
- onChange={[Function]}
- placeholder="E.g.: \\"A channel to file bugs and improvements\\""
- rows="4"
- tabIndex="2"
- value=""
- />
- <p
- className="input__help"
- >
- <FormattedMessage
- defaultMessage="Describe how this channel should be used."
- id="channel_modal.descriptionHelp"
- values={Object {}}
- />
- </p>
- </div>
- </div>
- <div
- className="form-group less"
- >
- <div
- className="col-sm-3"
- >
- <label
- className="form__label control-label"
- >
- <FormattedMessage
- defaultMessage="Header"
- id="channel_modal.header"
- values={Object {}}
- />
- </label>
- <label
- className="form__label light"
- >
- <FormattedMessage
- defaultMessage="(optional)"
- id="channel_modal.optional"
- values={Object {}}
- />
- </label>
- </div>
- <div
- className="col-sm-9"
- >
- <textarea
- className="form-control no-resize"
- id="newPublicChannelHeader"
- maxLength="1024"
- onChange={[Function]}
- placeholder="E.g.: \\"[Link Title](http://example.com)\\""
- rows="4"
- tabIndex="2"
- value=""
- />
- <p
- className="input__help"
- >
- <FormattedMessage
- defaultMessage="Set text that will appear in the header of the channel beside the channel name. For example, include frequently used links by typing [Link Title](http://example.com)."
- id="channel_modal.headerHelp"
- values={Object {}}
- />
- </p>
- </div>
- </div>
- </ModalBody>
- <ModalFooter
- bsClass="modal-footer"
- componentClass="div"
- >
- <button
- className="btn btn-default"
- onClick={[Function]}
- type="button"
- >
- <FormattedMessage
- defaultMessage="Cancel"
- id="channel_modal.cancel"
- values={Object {}}
- />
- </button>
- <button
- className="btn btn-primary"
- onClick={[Function]}
- tabIndex="3"
- type="submit"
- >
- <FormattedMessage
- defaultMessage="Create New Channel"
- id="channel_modal.createNew"
- values={Object {}}
- />
- </button>
- </ModalFooter>
- </form>
- </Modal>
-</span>
-`;
-
-exports[`components/NewChannelModal should match snapshot, modal showing 1`] = `
-<span>
- <Modal
- animation={true}
- autoFocus={true}
- backdrop={true}
- bsClass="modal"
- bsSize="large"
- dialogClassName="new-channel__modal"
- dialogComponentClass={[Function]}
- enforceFocus={true}
- keyboard={true}
- manager={
- ModalManager {
- "add": [Function],
- "containers": Array [],
- "data": Array [],
- "handleContainerOverflow": true,
- "hideSiblingNodes": true,
- "isTopModal": [Function],
- "modals": Array [],
- "remove": [Function],
- }
- }
- onHide={[Function]}
- renderBackdrop={[Function]}
- restoreFocus={true}
- show={true}
- >
- <ModalHeader
- bsClass="modal-header"
- closeButton={true}
- closeLabel="Close"
- >
- <ModalTitle
- bsClass="modal-title"
- componentClass="h4"
- >
- <FormattedMessage
- defaultMessage="New Channel"
- id="channel_modal.modalTitle"
- values={Object {}}
- />
- </ModalTitle>
- </ModalHeader>
- <form
- className="form-horizontal"
- role="form"
- >
- <ModalBody
- bsClass="modal-body"
- componentClass="div"
- >
- <div>
- <div
- className="modal-intro"
- >
- <FormattedMessage
- defaultMessage="Create a new public channel anyone can join. "
- id="channel_modal.publicChannel2"
- values={Object {}}
- />
- <a
- href="#"
- onClick={[Function]}
- >
- <FormattedMessage
- defaultMessage="Create a private channel"
- id="channel_modal.privateGroup2"
- values={Object {}}
- />
- </a>
- </div>
- </div>
- <div
- className="form-group"
- >
- <label
- className="col-sm-3 form__label control-label"
- >
- <FormattedMessage
- defaultMessage="Name"
- id="channel_modal.name"
- values={Object {}}
- />
- </label>
- <div
- className="col-sm-9"
- >
- <input
- autoFocus={true}
- className="form-control"
- id="newPublicChannelName"
- maxLength={22}
- onChange={[Function]}
- placeholder="E.g.: \\"Bugs\\", \\"Marketing\\", \\"客户支持\\""
- tabIndex="1"
- type="text"
- value="testchannel"
- />
- <p
- className="input__help dark"
- >
- URL: /testchannel (
- <a
- href="#"
- onClick={[Function]}
- >
- <FormattedMessage
- defaultMessage="Edit"
- id="channel_modal.edit"
- values={Object {}}
- />
- </a>
- )
- </p>
- </div>
- </div>
- <div
- className="form-group"
- >
- <div
- className="col-sm-3"
- >
- <label
- className="form__label control-label"
- >
- <FormattedMessage
- defaultMessage="Purpose"
- id="channel_modal.purpose"
- values={Object {}}
- />
- </label>
- <label
- className="form__label light"
- >
- <FormattedMessage
- defaultMessage="(optional)"
- id="channel_modal.optional"
- values={Object {}}
- />
- </label>
- </div>
- <div
- className="col-sm-9"
- >
- <textarea
- className="form-control no-resize"
- id="newPublicChannelPurpose"
- maxLength="250"
- onChange={[Function]}
- placeholder="E.g.: \\"A channel to file bugs and improvements\\""
- rows="4"
- tabIndex="2"
- value=""
- />
- <p
- className="input__help"
- >
- <FormattedMessage
- defaultMessage="Describe how this channel should be used."
- id="channel_modal.descriptionHelp"
- values={Object {}}
- />
- </p>
- </div>
- </div>
- <div
- className="form-group less"
- >
- <div
- className="col-sm-3"
- >
- <label
- className="form__label control-label"
- >
- <FormattedMessage
- defaultMessage="Header"
- id="channel_modal.header"
- values={Object {}}
- />
- </label>
- <label
- className="form__label light"
- >
- <FormattedMessage
- defaultMessage="(optional)"
- id="channel_modal.optional"
- values={Object {}}
- />
- </label>
- </div>
- <div
- className="col-sm-9"
- >
- <textarea
- className="form-control no-resize"
- id="newPublicChannelHeader"
- maxLength="1024"
- onChange={[Function]}
- placeholder="E.g.: \\"[Link Title](http://example.com)\\""
- rows="4"
- tabIndex="2"
- value=""
- />
- <p
- className="input__help"
- >
- <FormattedMessage
- defaultMessage="Set text that will appear in the header of the channel beside the channel name. For example, include frequently used links by typing [Link Title](http://example.com)."
- id="channel_modal.headerHelp"
- values={Object {}}
- />
- </p>
- </div>
- </div>
- </ModalBody>
- <ModalFooter
- bsClass="modal-footer"
- componentClass="div"
- >
- <button
- className="btn btn-default"
- onClick={[Function]}
- type="button"
- >
- <FormattedMessage
- defaultMessage="Cancel"
- id="channel_modal.cancel"
- values={Object {}}
- />
- </button>
- <button
- className="btn btn-primary"
- onClick={[Function]}
- tabIndex="3"
- type="submit"
- >
- <FormattedMessage
- defaultMessage="Create New Channel"
- id="channel_modal.createNew"
- values={Object {}}
- />
- </button>
- </ModalFooter>
- </form>
- </Modal>
-</span>
-`;
-
-exports[`components/NewChannelModal should match snapshot, private channel filled in header and purpose 1`] = `
-<span>
- <Modal
- animation={true}
- autoFocus={true}
- backdrop={true}
- bsClass="modal"
- bsSize="large"
- dialogClassName="new-channel__modal"
- dialogComponentClass={[Function]}
- enforceFocus={true}
- keyboard={true}
- manager={
- ModalManager {
- "add": [Function],
- "containers": Array [],
- "data": Array [],
- "handleContainerOverflow": true,
- "hideSiblingNodes": true,
- "isTopModal": [Function],
- "modals": Array [],
- "remove": [Function],
- }
- }
- onHide={[Function]}
- renderBackdrop={[Function]}
- restoreFocus={true}
- show={true}
- >
- <ModalHeader
- bsClass="modal-header"
- closeButton={true}
- closeLabel="Close"
- >
- <ModalTitle
- bsClass="modal-title"
- componentClass="h4"
- >
- <FormattedMessage
- defaultMessage="New Channel"
- id="channel_modal.modalTitle"
- values={Object {}}
- />
- </ModalTitle>
- </ModalHeader>
- <form
- className="form-horizontal"
- role="form"
- >
- <ModalBody
- bsClass="modal-body"
- componentClass="div"
- >
- <div>
- <div
- className="modal-intro"
- >
- <FormattedMessage
- defaultMessage="Create a new private channel with restricted membership. "
- id="channel_modal.privateGroup1"
- values={Object {}}
- />
- <a
- href="#"
- onClick={[Function]}
- >
- <FormattedMessage
- defaultMessage="Create a public channel"
- id="channel_modal.publicChannel1"
- values={Object {}}
- />
- </a>
- </div>
- </div>
- <div
- className="form-group"
- >
- <label
- className="col-sm-3 form__label control-label"
- >
- <FormattedMessage
- defaultMessage="Name"
- id="channel_modal.name"
- values={Object {}}
- />
- </label>
- <div
- className="col-sm-9"
- >
- <input
- autoFocus={true}
- className="form-control"
- id="newPrivateChannelName"
- maxLength={22}
- onChange={[Function]}
- placeholder="E.g.: \\"Bugs\\", \\"Marketing\\", \\"客户支持\\""
- tabIndex="1"
- type="text"
- value="testchannel"
- />
- <p
- className="input__help dark"
- >
- URL: /testchannel (
- <a
- href="#"
- onClick={[Function]}
- >
- <FormattedMessage
- defaultMessage="Edit"
- id="channel_modal.edit"
- values={Object {}}
- />
- </a>
- )
- </p>
- </div>
- </div>
- <div
- className="form-group"
- >
- <div
- className="col-sm-3"
- >
- <label
- className="form__label control-label"
- >
- <FormattedMessage
- defaultMessage="Purpose"
- id="channel_modal.purpose"
- values={Object {}}
- />
- </label>
- <label
- className="form__label light"
- >
- <FormattedMessage
- defaultMessage="(optional)"
- id="channel_modal.optional"
- values={Object {}}
- />
- </label>
- </div>
- <div
- className="col-sm-9"
- >
- <textarea
- className="form-control no-resize"
- id="newPrivateChannelPurpose"
- maxLength="250"
- onChange={[Function]}
- placeholder="E.g.: \\"A channel to file bugs and improvements\\""
- rows="4"
- tabIndex="2"
- value="some purpose"
- />
- <p
- className="input__help"
- >
- <FormattedMessage
- defaultMessage="Describe how this channel should be used."
- id="channel_modal.descriptionHelp"
- values={Object {}}
- />
- </p>
- </div>
- </div>
- <div
- className="form-group less"
- >
- <div
- className="col-sm-3"
- >
- <label
- className="form__label control-label"
- >
- <FormattedMessage
- defaultMessage="Header"
- id="channel_modal.header"
- values={Object {}}
- />
- </label>
- <label
- className="form__label light"
- >
- <FormattedMessage
- defaultMessage="(optional)"
- id="channel_modal.optional"
- values={Object {}}
- />
- </label>
- </div>
- <div
- className="col-sm-9"
- >
- <textarea
- className="form-control no-resize"
- id="newPrivateChannelHeader"
- maxLength="1024"
- onChange={[Function]}
- placeholder="E.g.: \\"[Link Title](http://example.com)\\""
- rows="4"
- tabIndex="2"
- value="some header"
- />
- <p
- className="input__help"
- >
- <FormattedMessage
- defaultMessage="Set text that will appear in the header of the channel beside the channel name. For example, include frequently used links by typing [Link Title](http://example.com)."
- id="channel_modal.headerHelp"
- values={Object {}}
- />
- </p>
- </div>
- </div>
- </ModalBody>
- <ModalFooter
- bsClass="modal-footer"
- componentClass="div"
- >
- <button
- className="btn btn-default"
- onClick={[Function]}
- type="button"
- >
- <FormattedMessage
- defaultMessage="Cancel"
- id="channel_modal.cancel"
- values={Object {}}
- />
- </button>
- <button
- className="btn btn-primary"
- onClick={[Function]}
- tabIndex="3"
- type="submit"
- >
- <FormattedMessage
- defaultMessage="Create New Channel"
- id="channel_modal.createNew"
- values={Object {}}
- />
- </button>
- </ModalFooter>
- </form>
- </Modal>
-</span>
-`;
diff --git a/webapp/tests/components/__snapshots__/reset_status_modal.test.jsx.snap b/webapp/tests/components/__snapshots__/reset_status_modal.test.jsx.snap
deleted file mode 100644
index e27dd0d44..000000000
--- a/webapp/tests/components/__snapshots__/reset_status_modal.test.jsx.snap
+++ /dev/null
@@ -1,54 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/ResetStatusModal should match snapshot 1`] = `
-<ConfirmModal
- cancelButtonText={
- <FormattedMessage
- defaultMessage="No, keep it as \\"{status}\\""
- id="modal.manaul_status.cancel"
- values={
- Object {
- "status": "",
- }
- }
- />
- }
- checkboxText={
- <FormattedMessage
- defaultMessage="Do not ask me again"
- id="modal.manaul_status.ask"
- values={Object {}}
- />
- }
- confirmButtonClass="btn btn-primary"
- confirmButtonText={
- <FormattedMessage
- defaultMessage="Yes, set my status to \\"Online\\""
- id="modal.manaul_status.button"
- values={Object {}}
- />
- }
- message={
- <FormattedMessage
- defaultMessage="Would you like to switch your status to \\"Online\\"?"
- id="modal.manaul_status.message"
- values={Object {}}
- />
- }
- onCancel={[Function]}
- onConfirm={[Function]}
- show={false}
- showCheckbox={true}
- title={
- <FormattedMessage
- defaultMessage="Your status is set to \\"{status}\\""
- id="modal.manaul_status.title"
- values={
- Object {
- "status": "",
- }
- }
- />
- }
-/>
-`;
diff --git a/webapp/tests/components/__snapshots__/shortcuts_modal.test.jsx.snap b/webapp/tests/components/__snapshots__/shortcuts_modal.test.jsx.snap
deleted file mode 100644
index cfe719ba4..000000000
--- a/webapp/tests/components/__snapshots__/shortcuts_modal.test.jsx.snap
+++ /dev/null
@@ -1,237 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/ShortcutsModal should match snapshot modal for Mac 1`] = `
-<InjectIntl(ShortcutsModal)
- intl={
- Object {
- "defaultFormats": Object {},
- "defaultLocale": "en",
- "formatDate": [Function],
- "formatHTMLMessage": [Function],
- "formatMessage": [Function],
- "formatNumber": [Function],
- "formatPlural": [Function],
- "formatRelative": [Function],
- "formatTime": [Function],
- "formats": Object {},
- "formatters": Object {
- "getDateTimeFormat": [Function],
- "getMessageFormat": [Function],
- "getNumberFormat": [Function],
- "getPluralFormat": [Function],
- "getRelativeFormat": [Function],
- },
- "locale": "en",
- "messages": Object {},
- "now": [Function],
- "textComponent": "span",
- }
- }
- isMac={true}
->
- <ShortcutsModal
- intl={
- Object {
- "defaultFormats": Object {},
- "defaultLocale": "en",
- "formatDate": [Function],
- "formatHTMLMessage": [Function],
- "formatMessage": [Function],
- "formatNumber": [Function],
- "formatPlural": [Function],
- "formatRelative": [Function],
- "formatTime": [Function],
- "formats": Object {},
- "formatters": Object {
- "getDateTimeFormat": [Function],
- "getMessageFormat": [Function],
- "getNumberFormat": [Function],
- "getPluralFormat": [Function],
- "getRelativeFormat": [Function],
- },
- "locale": "en",
- "messages": Object {},
- "now": [Function],
- "textComponent": "span",
- }
- }
- isMac={true}
- >
- <Modal
- animation={true}
- autoFocus={true}
- backdrop={true}
- bsClass="modal"
- dialogClassName="shortcuts-modal"
- dialogComponentClass={[Function]}
- enforceFocus={true}
- keyboard={true}
- manager={
- ModalManager {
- "add": [Function],
- "containers": Array [],
- "data": Array [],
- "handleContainerOverflow": true,
- "hideSiblingNodes": true,
- "isTopModal": [Function],
- "modals": Array [],
- "remove": [Function],
- }
- }
- onExited={[Function]}
- onHide={[Function]}
- renderBackdrop={[Function]}
- restoreFocus={true}
- show={false}
- >
- <Modal
- autoFocus={true}
- backdrop={true}
- backdropClassName="modal-backdrop"
- backdropTransitionTimeout={150}
- containerClassName="modal-open"
- dialogTransitionTimeout={300}
- enforceFocus={true}
- keyboard={true}
- manager={
- ModalManager {
- "add": [Function],
- "containers": Array [],
- "data": Array [],
- "handleContainerOverflow": true,
- "hideSiblingNodes": true,
- "isTopModal": [Function],
- "modals": Array [],
- "remove": [Function],
- }
- }
- onEntering={[Function]}
- onExited={[Function]}
- onHide={[Function]}
- renderBackdrop={[Function]}
- restoreFocus={true}
- show={false}
- transition={[Function]}
- />
- </Modal>
- </ShortcutsModal>
-</InjectIntl(ShortcutsModal)>
-`;
-
-exports[`components/ShortcutsModal should match snapshot modal for non-Mac like Windows/Linux 1`] = `
-<InjectIntl(ShortcutsModal)
- intl={
- Object {
- "defaultFormats": Object {},
- "defaultLocale": "en",
- "formatDate": [Function],
- "formatHTMLMessage": [Function],
- "formatMessage": [Function],
- "formatNumber": [Function],
- "formatPlural": [Function],
- "formatRelative": [Function],
- "formatTime": [Function],
- "formats": Object {},
- "formatters": Object {
- "getDateTimeFormat": [Function],
- "getMessageFormat": [Function],
- "getNumberFormat": [Function],
- "getPluralFormat": [Function],
- "getRelativeFormat": [Function],
- },
- "locale": "en",
- "messages": Object {},
- "now": [Function],
- "textComponent": "span",
- }
- }
- isMac={false}
->
- <ShortcutsModal
- intl={
- Object {
- "defaultFormats": Object {},
- "defaultLocale": "en",
- "formatDate": [Function],
- "formatHTMLMessage": [Function],
- "formatMessage": [Function],
- "formatNumber": [Function],
- "formatPlural": [Function],
- "formatRelative": [Function],
- "formatTime": [Function],
- "formats": Object {},
- "formatters": Object {
- "getDateTimeFormat": [Function],
- "getMessageFormat": [Function],
- "getNumberFormat": [Function],
- "getPluralFormat": [Function],
- "getRelativeFormat": [Function],
- },
- "locale": "en",
- "messages": Object {},
- "now": [Function],
- "textComponent": "span",
- }
- }
- isMac={false}
- >
- <Modal
- animation={true}
- autoFocus={true}
- backdrop={true}
- bsClass="modal"
- dialogClassName="shortcuts-modal"
- dialogComponentClass={[Function]}
- enforceFocus={true}
- keyboard={true}
- manager={
- ModalManager {
- "add": [Function],
- "containers": Array [],
- "data": Array [],
- "handleContainerOverflow": true,
- "hideSiblingNodes": true,
- "isTopModal": [Function],
- "modals": Array [],
- "remove": [Function],
- }
- }
- onExited={[Function]}
- onHide={[Function]}
- renderBackdrop={[Function]}
- restoreFocus={true}
- show={false}
- >
- <Modal
- autoFocus={true}
- backdrop={true}
- backdropClassName="modal-backdrop"
- backdropTransitionTimeout={150}
- containerClassName="modal-open"
- dialogTransitionTimeout={300}
- enforceFocus={true}
- keyboard={true}
- manager={
- ModalManager {
- "add": [Function],
- "containers": Array [],
- "data": Array [],
- "handleContainerOverflow": true,
- "hideSiblingNodes": true,
- "isTopModal": [Function],
- "modals": Array [],
- "remove": [Function],
- }
- }
- onEntering={[Function]}
- onExited={[Function]}
- onHide={[Function]}
- renderBackdrop={[Function]}
- restoreFocus={true}
- show={false}
- transition={[Function]}
- />
- </Modal>
- </ShortcutsModal>
-</InjectIntl(ShortcutsModal)>
-`;
diff --git a/webapp/tests/components/__snapshots__/spinner_button.test.jsx.snap b/webapp/tests/components/__snapshots__/spinner_button.test.jsx.snap
deleted file mode 100644
index e05132ddd..000000000
--- a/webapp/tests/components/__snapshots__/spinner_button.test.jsx.snap
+++ /dev/null
@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/SpinnerButton should match snapshot with children 1`] = `
-<button
- className="btn btn-primary"
->
- <span
- id="child1"
- />
- <span
- id="child2"
- />
-</button>
-`;
-
-exports[`components/SpinnerButton should match snapshot with required props 1`] = `
-<button
- className="btn btn-primary"
-/>
-`;
-
-exports[`components/SpinnerButton should match snapshot with spinning 1`] = `
-<img
- className="spinner-button__gif"
- src={Object {}}
-/>
-`;