Merge pull request #965 from payloadcms/test/code-field

test: add code fields to test config
2022-08-24 08:26:08 -07:00
parent c7432fb6e6 4e1f9c7280
commit 4aa5500593
3 changed files with 143 additions and 0 deletions
--- a/test/fields/collections/Code/index.tsx
+++ b/test/fields/collections/Code/index.tsx
@@ -0,0 +1,126 @@
+import type { CollectionConfig } from '../../../../src/collections/config/types';
+import { CodeField } from '../../payload-types';
+
+const Code: CollectionConfig = {
+  slug: 'code-fields',
+  fields: [
+    {
+      name: 'javascript',
+      type: 'code',
+      admin: {
+        language: 'js',
+      },
+    },
+    {
+      name: 'typescript',
+      type: 'code',
+      admin: {
+        language: 'ts',
+      },
+    },
+    {
+      name: 'json',
+      type: 'code',
+      admin: {
+        language: 'json',
+      },
+    },
+    {
+      name: 'html',
+      type: 'code',
+      admin: {
+        language: 'html',
+      },
+    },
+    {
+      name: 'css',
+      type: 'code',
+      admin: {
+        language: 'css',
+      },
+    },
+  ],
+};
+
+export const codeDoc: Partial<CodeField> = {
+  javascript: "console.log('Hello');",
+  typescript: `class Greeter {
+  greeting: string;
+
+  constructor(message: string) {
+    this.greeting = message;
+  }
+
+  greet() {
+    return "Hello, " + this.greeting;
+  }
+}
+
+let greeter = new Greeter("world");`,
+
+  html: `<!DOCTYPE html>
+<html lang="en">
+<head>
+
+<script>
+  // Just a lil’ script to show off that inline JS gets highlighted
+  window.console && console.log('foo');
+</script>
+<meta charset="utf-8" />
+<link rel="icon" href="assets/favicon.png" />
+<title>Prism</title>
+<link rel="stylesheet" href="assets/style.css" />
+<link rel="stylesheet" href="themes/prism.css" data-noprefix />
+<script src="assets/vendor/prefixfree.min.js"></script>
+
+<script>var _gaq = [['_setAccount', 'UA-11111111-1'], ['_trackPageview']];</script>
+<script src="https://www.google-analytics.com/ga.js" async></script>
+</head>
+<body>`,
+
+  css: `@import url(https://fonts.googleapis.com/css?family=Questrial);
+@import url(https://fonts.googleapis.com/css?family=Arvo);
+
+@font-face {
+  src: url(https://lea.verou.me/logo.otf);
+  font-family: 'LeaVerou';
+}
+
+/*
+ Shared styles
+ */
+
+section h1,
+#features li strong,
+header h2,
+footer p {
+  font: 100% Rockwell, Arvo, serif;
+}
+
+/*
+ Styles
+ */
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font: 100%/1.5 Questrial, sans-serif;
+  tab-size: 4;
+  hyphens: auto;
+}
+
+a {
+  color: inherit;
+}
+
+section h1 {
+  font-size: 250%;
+}`,
+
+  json: JSON.stringify({ property: 'value', arr: ['val1', 'val2', 'val3'] }, null, 2),
+};
+
+export default Code;
--- a/test/fields/config.ts
+++ b/test/fields/config.ts
@@ -18,6 +18,7 @@ import getFileByPath from '../../src/uploads/getFileByPath';
 import Uploads, { uploadsDoc } from './collections/Upload';
 import IndexedFields from './collections/Indexed';
 import NumberFields, { numberDoc } from './collections/Number';
+import CodeFields, { codeDoc } from './collections/Code';

 export default buildConfig({
  admin: {
@@ -35,6 +36,7 @@ export default buildConfig({
  collections: [
    ArrayFields,
    BlockFields,
+    CodeFields,
    CollapsibleFields,
    ConditionalLogic,
    GroupFields,
@@ -69,6 +71,7 @@ export default buildConfig({
    await payload.create({ collection: 'tabs-fields', data: tabsDoc });
    await payload.create({ collection: 'point-fields', data: pointDoc });
    await payload.create({ collection: 'date-fields', data: dateDoc });
+    await payload.create({ collection: 'code-fields', data: codeDoc });

    const createdTextDoc = await payload.create({ collection: 'text-fields', data: textDoc });

--- a/test/fields/payload-types.ts
+++ b/test/fields/payload-types.ts
@@ -112,6 +112,20 @@ export interface BlockField {
  createdAt: string;
  updatedAt: string;
 }
+/**
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "code-fields".
+ */
+export interface CodeField {
+  id: string;
+  javascript?: string;
+  typescript?: string;
+  json?: string;
+  html?: string;
+  css?: string;
+  createdAt: string;
+  updatedAt: string;
+}
 /**
 * This interface was referenced by `Config`'s JSON-Schema
 * via the `definition` "collapsible-fields".