88 | )
89 | }
90 |
--------------------------------------------------------------------------------
/components/MigrationEditor/index.test.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jest-environment jsdom
3 | */
4 |
5 | import { render, screen } from "@testing-library/react";
6 | import userEvent from "@testing-library/user-event";
7 | import { MIGRATION_FORMATS } from "../../helpers/constants";
8 | import MigrationEditor from ".";
9 |
10 | it("shows the format dropdown only", async () => {
11 | render();
12 |
13 | const formatDropdown = screen.getByLabelText("Format");
14 | expect(formatDropdown.value).toBe(MIGRATION_FORMATS.CUSTOM);
15 |
16 | const selects = screen.getAllByRole("combobox");
17 | expect(selects.length).toEqual(1);
18 |
19 | const inputs = screen.getAllByRole("textbox");
20 | expect(inputs.length).toEqual(1);
21 | });
22 |
23 | it("switches the format", async () => {
24 | const mockHandleChangeFormat = jest.fn();
25 | render();
26 |
27 | const formatDropdown = screen.getByLabelText("Format");
28 | userEvent.selectOptions(formatDropdown, MIGRATION_FORMATS.ADD_COLUMNS);
29 |
30 | expect(mockHandleChangeFormat).toHaveBeenCalledWith(
31 | MIGRATION_FORMATS.ADD_COLUMNS
32 | );
33 | });
34 |
35 | describe("when initialValue and format is specified", () => {
36 | it("prefills the correct format and data", () => {
37 | render(
38 |
42 | );
43 |
44 | // shows AddColumnsToTable editor
45 | expect(screen.getByTestId("add-columns-name")).toHaveValue("ABC");
46 | expect(screen.getByTestId("add-to-table-name")).toHaveValue("XYZ");
47 | });
48 | });
49 |
50 | describe("when AddColumnsToTable is selected", () => {
51 | it("shows inputs for column and table names", async () => {
52 | render();
53 |
54 | expect(screen.getByTestId("add-columns-name")).toBeTruthy();
55 | expect(screen.getByTestId("add-to-table-name")).toBeTruthy();
56 | });
57 |
58 | it("updates parent component when inputs are updated", async () => {
59 | let value = "";
60 | const handleChange = (newValue) => {
61 | value = newValue;
62 | };
63 |
64 | render(
65 |
69 | );
70 |
71 | const columnsInput = screen.getByTestId("add-columns-name");
72 | userEvent.type(columnsInput, "NewColumn");
73 | const tableInput = screen.getByTestId("add-to-table-name");
74 | userEvent.type(tableInput, "ExistingTable");
75 | expect(value).toEqual("AddNewColumnToExistingTable");
76 | });
77 | });
78 |
79 | describe("when RemoveColumnsFromTable is selected", () => {
80 | it("shows inputs for column and table names", async () => {
81 | render();
82 |
83 | expect(screen.getByTestId("remove-columns-name")).toBeTruthy();
84 | expect(screen.getByTestId("remove-from-table-name")).toBeTruthy();
85 | });
86 |
87 | it("updates parent component when inputs are updated", async () => {
88 | let value = "";
89 | const handleChange = (newValue) => {
90 | value = newValue;
91 | };
92 |
93 | render(
94 |
98 | );
99 |
100 | const columnsInput = screen.getByTestId("remove-columns-name");
101 | userEvent.type(columnsInput, "ExistingColumn");
102 | const tableInput = screen.getByTestId("remove-from-table-name");
103 | userEvent.type(tableInput, "ExistingTable");
104 | expect(value).toEqual("RemoveExistingColumnFromExistingTable");
105 | });
106 | });
107 |
108 | describe("when CreateJoinTable is selected", () => {
109 | it("shows inputs for column and table names", async () => {
110 | render();
111 |
112 | expect(screen.getByTestId("migration-prefix")).toBeTruthy();
113 | });
114 |
115 | it("updates parent component when inputs are updated", async () => {
116 | let value = "";
117 | const handleChange = (newValue) => {
118 | value = newValue;
119 | };
120 |
121 | render(
122 |
126 | );
127 |
128 | const columnsInput = screen.getByTestId("migration-prefix");
129 | userEvent.type(columnsInput, "CreateMedia");
130 | expect(value).toEqual("CreateMediaJoinTable");
131 | });
132 | });
133 |
--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
1 | /*
2 | * For a detailed explanation regarding each configuration property, visit:
3 | * https://jestjs.io/docs/en/configuration.html
4 | */
5 |
6 | module.exports = {
7 | // All imported modules in your tests should be mocked automatically
8 | // automock: false,
9 |
10 | // Stop running tests after `n` failures
11 | // bail: 0,
12 |
13 | // The directory where Jest should store its cached dependency information
14 | // cacheDirectory: "/private/var/folders/jn/qxgfffhj59s15xl6lvk63tdh0000gn/T/jest_dx",
15 |
16 | // Automatically clear mock calls and instances between every test
17 | // clearMocks: false,
18 |
19 | // Indicates whether the coverage information should be collected while executing the test
20 | // collectCoverage: false,
21 |
22 | // An array of glob patterns indicating a set of files for which coverage information should be collected
23 | collectCoverageFrom: [
24 | '**/*.{js,jsx,ts,tsx}',
25 | '!**/*.d.ts',
26 | '!**/node_modules/**',
27 | ],
28 |
29 | // The directory where Jest should output its coverage files
30 | // coverageDirectory: undefined,
31 |
32 | // An array of regexp pattern strings used to skip coverage collection
33 | // coveragePathIgnorePatterns: [
34 | // "/node_modules/"
35 | // ],
36 |
37 | // Indicates which provider should be used to instrument code for coverage
38 | coverageProvider: "v8",
39 |
40 | // A list of reporter names that Jest uses when writing coverage reports
41 | // coverageReporters: [
42 | // "json",
43 | // "text",
44 | // "lcov",
45 | // "clover"
46 | // ],
47 |
48 | // An object that configures minimum threshold enforcement for coverage results
49 | // coverageThreshold: undefined,
50 |
51 | // A path to a custom dependency extractor
52 | // dependencyExtractor: undefined,
53 |
54 | // Make calling deprecated APIs throw helpful error messages
55 | // errorOnDeprecated: false,
56 |
57 | // Force coverage collection from ignored files using an array of glob patterns
58 | // forceCoverageMatch: [],
59 |
60 | // A path to a module which exports an async function that is triggered once before all test suites
61 | // globalSetup: undefined,
62 |
63 | // A path to a module which exports an async function that is triggered once after all test suites
64 | // globalTeardown: undefined,
65 |
66 | // A set of global variables that need to be available in all test environments
67 | // globals: {},
68 |
69 | // The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
70 | // maxWorkers: "50%",
71 |
72 | // An array of directory names to be searched recursively up from the requiring module's location
73 | // moduleDirectories: [
74 | // "node_modules"
75 | // ],
76 |
77 | // An array of file extensions your modules use
78 | // moduleFileExtensions: [
79 | // "js",
80 | // "json",
81 | // "jsx",
82 | // "ts",
83 | // "tsx",
84 | // "node"
85 | // ],
86 |
87 | // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
88 | moduleNameMapper: {
89 | '^.+\\.module\\.(css|sass|scss)$': 'identity-obj-proxy',
90 | },
91 |
92 | // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
93 | // modulePathIgnorePatterns: [],
94 |
95 | // Activates notifications for test results
96 | // notify: false,
97 |
98 | // An enum that specifies notification mode. Requires { notify: true }
99 | // notifyMode: "failure-change",
100 |
101 | // A preset that is used as a base for Jest's configuration
102 | // preset: undefined,
103 |
104 | // Run tests from one or more projects
105 | // projects: undefined,
106 |
107 | // Use this configuration option to add custom reporters to Jest
108 | // reporters: undefined,
109 |
110 | // Automatically reset mock state between every test
111 | // resetMocks: false,
112 |
113 | // Reset the module registry before running each individual test
114 | // resetModules: false,
115 |
116 | // A path to a custom resolver
117 | // resolver: undefined,
118 |
119 | // Automatically restore mock state between every test
120 | // restoreMocks: false,
121 |
122 | // The root directory that Jest should scan for tests and modules within
123 | // rootDir: undefined,
124 |
125 | // A list of paths to directories that Jest should use to search for files in
126 | // roots: [
127 | // ""
128 | // ],
129 |
130 | // Allows you to use a custom runner instead of Jest's default test runner
131 | // runner: "jest-runner",
132 |
133 | // The paths to modules that run some code to configure or set up the testing environment before each test
134 | // setupFiles: [],
135 |
136 | // A list of paths to modules that run some code to configure or set up the testing framework before each test
137 | setupFilesAfterEnv: ['/setupTests.js'],
138 |
139 | // The number of seconds after which a test is considered as slow and reported as such in the results.
140 | // slowTestThreshold: 5,
141 |
142 | // A list of paths to snapshot serializer modules Jest should use for snapshot testing
143 | // snapshotSerializers: [],
144 |
145 | // The test environment that will be used for testing
146 | testEnvironment: "node",
147 |
148 | // Options that will be passed to the testEnvironment
149 | // testEnvironmentOptions: {},
150 |
151 | // Adds a location field to test results
152 | // testLocationInResults: false,
153 |
154 | // The glob patterns Jest uses to detect test files
155 | // testMatch: [
156 | // "**/__tests__/**/*.[jt]s?(x)",
157 | // "**/?(*.)+(spec|test).[tj]s?(x)"
158 | // ],
159 |
160 | // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
161 | testPathIgnorePatterns: ['/node_modules/', '/.next/'],
162 |
163 | // The regexp pattern or array of patterns that Jest uses to detect test files
164 | // testRegex: [],
165 |
166 | // This option allows the use of a custom results processor
167 | // testResultsProcessor: undefined,
168 |
169 | // This option allows use of a custom test runner
170 | // testRunner: "jasmine2",
171 |
172 | // This option sets the URL for the jsdom environment. It is reflected in properties such as location.href
173 | // testURL: "http://localhost",
174 |
175 | // Setting this value to "fake" allows the use of fake timers for functions such as "setTimeout"
176 | // timers: "real",
177 |
178 | // A map from regular expressions to paths to transformers
179 | transform: {
180 | '^.+\\.(js|jsx|ts|tsx)$': '/node_modules/babel-jest',
181 | '^.+\\.css$': '/config/jest/cssTransform.js',
182 | },
183 |
184 | // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
185 | transformIgnorePatterns: [
186 | '/node_modules/',
187 | '^.+\\.module\\.(css|sass|scss)$',
188 | ],
189 |
190 | // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
191 | // unmockedModulePathPatterns: undefined,
192 |
193 | // Indicates whether each individual test should be reported during the run
194 | // verbose: undefined,
195 |
196 | // An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
197 | // watchPathIgnorePatterns: [],
198 |
199 | // Whether to use watchman for file crawling
200 | // watchman: true,
201 | };
202 |
--------------------------------------------------------------------------------
/pages/g/model.jsx:
--------------------------------------------------------------------------------
1 | import Head from "next/head";
2 | import { useState } from "react";
3 | import { useList } from "react-use";
4 |
5 | import FieldInput from "../../components/FieldInput";
6 | import Pill from "../../components/Pill";
7 | import CopyButton from "../../components/CopyButton";
8 | import Footer from "../../layout/Footer";
9 | import Header from "../../layout/Header";
10 | import { Heading } from "../../components/Heading";
11 |
12 | const ModelEditor = ({ value, onChange }) => (
13 |