summaryrefslogtreecommitdiffstats
path: root/frontend/__tests__/__snapshots__
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/__tests__/__snapshots__')
-rw-r--r--frontend/__tests__/__snapshots__/ResetRequest.test.js.snap230
-rw-r--r--frontend/__tests__/__snapshots__/SingleItem.test.js.snap97
2 files changed, 271 insertions, 56 deletions
diff --git a/frontend/__tests__/__snapshots__/ResetRequest.test.js.snap b/frontend/__tests__/__snapshots__/ResetRequest.test.js.snap
index ef7e9f9..66c4ff1 100644
--- a/frontend/__tests__/__snapshots__/ResetRequest.test.js.snap
+++ b/frontend/__tests__/__snapshots__/ResetRequest.test.js.snap
@@ -1,54 +1,200 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<ResetRequest/> displays errors 1`] = `
-<Form
- onSubmit={[Function]}
->
- <p
- key="0"
- >
- Error!!!
- </p>
- <label
- htmlFor="email"
- >
- Email
- <input
- name="email"
- onChange={[Function]}
- placeholder="email"
- type="text"
- value="wesbos@gmail.com"
- />
- </label>
- <button
- type="submit"
+exports[`<ResetRequest/> calls the mutation 1`] = `
+<ResetRequest>
+ <Mutation
+ mutation={
+ Object {
+ "definitions": Array [
+ Object {
+ "directives": Array [],
+ "kind": "OperationDefinition",
+ "name": Object {
+ "kind": "Name",
+ "value": "requestReset",
+ },
+ "operation": "mutation",
+ "selectionSet": Object {
+ "kind": "SelectionSet",
+ "selections": Array [
+ Object {
+ "alias": undefined,
+ "arguments": Array [
+ Object {
+ "kind": "Argument",
+ "name": Object {
+ "kind": "Name",
+ "value": "email",
+ },
+ "value": Object {
+ "kind": "Variable",
+ "name": Object {
+ "kind": "Name",
+ "value": "email",
+ },
+ },
+ },
+ ],
+ "directives": Array [],
+ "kind": "Field",
+ "name": Object {
+ "kind": "Name",
+ "value": "requestReset",
+ },
+ "selectionSet": Object {
+ "kind": "SelectionSet",
+ "selections": Array [
+ Object {
+ "alias": undefined,
+ "arguments": Array [],
+ "directives": Array [],
+ "kind": "Field",
+ "name": Object {
+ "kind": "Name",
+ "value": "id",
+ },
+ "selectionSet": undefined,
+ },
+ ],
+ },
+ },
+ ],
+ },
+ "variableDefinitions": Array [
+ Object {
+ "defaultValue": undefined,
+ "kind": "VariableDefinition",
+ "type": Object {
+ "kind": "NonNullType",
+ "type": Object {
+ "kind": "NamedType",
+ "name": Object {
+ "kind": "Name",
+ "value": "String",
+ },
+ },
+ },
+ "variable": Object {
+ "kind": "Variable",
+ "name": Object {
+ "kind": "Name",
+ "value": "email",
+ },
+ },
+ },
+ ],
+ },
+ ],
+ "kind": "Document",
+ "loc": Object {
+ "end": 97,
+ "start": 0,
+ },
+ }
+ }
+ variables={
+ Object {
+ "email": "wesbos@gmail.com",
+ }
+ }
>
- Request Reset!
- </button>
-</Form>
+ <Form
+ data-test="ResetRequest"
+ onSubmit={[Function]}
+ >
+ <form
+ className="sc-bdVaJa LHejR"
+ data-test="ResetRequest"
+ onSubmit={[Function]}
+ >
+ <DisplayError />
+ <fieldset
+ aria-busy={true}
+ disabled={true}
+ >
+ <label
+ htmlFor="email"
+ >
+ Email
+ <input
+ name="email"
+ onChange={[Function]}
+ placeholder="email"
+ type="text"
+ value="wesbos@gmail.com"
+ />
+ </label>
+ <button
+ type="submit"
+ >
+ Request Reset!
+ </button>
+ </fieldset>
+ </form>
+ </Form>
+ </Mutation>
+</ResetRequest>
`;
exports[`<ResetRequest/> renders and matches snapshot 1`] = `
<Form
+ data-test="ResetRequest"
onSubmit={[Function]}
>
- <label
- htmlFor="email"
- >
- Email
- <input
- name="email"
- onChange={[Function]}
- placeholder="email"
- type="text"
- value=""
- />
- </label>
- <button
- type="submit"
+ <form
+ className="sc-bdVaJa LHejR"
+ data-test="ResetRequest"
+ onSubmit={[Function]}
>
- Request Reset!
- </button>
+ <DisplayError />
+ <fieldset
+ aria-busy={false}
+ disabled={false}
+ >
+ <label
+ htmlFor="email"
+ >
+ Email
+ <input
+ name="email"
+ onChange={[Function]}
+ placeholder="email"
+ type="text"
+ value=""
+ />
+ </label>
+ <button
+ type="submit"
+ >
+ Request Reset!
+ </button>
+ </fieldset>
+ </form>
</Form>
`;
+
+exports[`<ResetRequest/> renders errors 1`] = `
+<DisplayError
+ error={
+ Object {
+ "message": "Shit!",
+ }
+ }
+>
+ <styled.div>
+ <div
+ className="sc-bwzfXH flKeYn"
+ >
+ <p>
+ <strong>
+ Shoot!
+ </strong>
+ Shit!
+ <button>
+ Try Again
+ </button>
+ </p>
+ </div>
+ </styled.div>
+</DisplayError>
+`;
diff --git a/frontend/__tests__/__snapshots__/SingleItem.test.js.snap b/frontend/__tests__/__snapshots__/SingleItem.test.js.snap
index 173fb95..fd7e481 100644
--- a/frontend/__tests__/__snapshots__/SingleItem.test.js.snap
+++ b/frontend/__tests__/__snapshots__/SingleItem.test.js.snap
@@ -1,17 +1,86 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<SingleItem/> renders 1`] = `
-<div>
- <img
- alt="Sneakers"
- src="dog.jpg"
- />
- <h2>
- Viewing
- Sneakers
- </h2>
- <p>
- A cool set of shoes
- </p>
-</div>
+exports[`<SingleItem/> Renders with Proper Data 1`] = `
+Array [
+ <styled.div
+ data-test="SingleItem"
+ >
+ <div
+ className="sc-bwzfXH dFvSZo"
+ data-test="SingleItem"
+ >
+ <DisplayError />
+ <img
+ alt="Quo quis molestiae"
+ src="Hello World"
+ />
+ <div
+ className="details"
+ >
+ <h2>
+ Viewing
+ Quo quis molestiae
+ </h2>
+ <p>
+ Omnis porro porro quos nihil omnis reiciendis velit. Culpa deleniti qui reprehenderit in nisi et qui. Odio dolore veritatis eligendi in.
+ </p>
+ <Link
+ href={
+ Object {
+ "pathname": "/admin/update",
+ "query": Object {
+ "id": "79c17dc9-5865-4045-9bad-f487a49d94a8",
+ },
+ }
+ }
+ >
+ <a
+ href="/admin/update?id=79c17dc9-5865-4045-9bad-f487a49d94a8"
+ onClick={[Function]}
+ >
+ Edit ✏️
+ </a>
+ </Link>
+ </div>
+ </div>
+ </styled.div>,
+ <div
+ className="sc-bwzfXH dFvSZo"
+ data-test="SingleItem"
+ >
+ <DisplayError />
+ <img
+ alt="Quo quis molestiae"
+ src="Hello World"
+ />
+ <div
+ className="details"
+ >
+ <h2>
+ Viewing
+ Quo quis molestiae
+ </h2>
+ <p>
+ Omnis porro porro quos nihil omnis reiciendis velit. Culpa deleniti qui reprehenderit in nisi et qui. Odio dolore veritatis eligendi in.
+ </p>
+ <Link
+ href={
+ Object {
+ "pathname": "/admin/update",
+ "query": Object {
+ "id": "79c17dc9-5865-4045-9bad-f487a49d94a8",
+ },
+ }
+ }
+ >
+ <a
+ href="/admin/update?id=79c17dc9-5865-4045-9bad-f487a49d94a8"
+ onClick={[Function]}
+ >
+ Edit ✏️
+ </a>
+ </Link>
+ </div>
+ </div>,
+]
`;