@api-platform/client-generator/src/generators/NuxtGenerator.test.js

Generate apps built with Next, Nuxt, Quasar, React, React Native, Vue or Vuetify for any API documented using Hydra or OpenAPI

import { Api, Resource, Field } from "@api-platform/api-doc-parser/lib";
import fs from "fs";
import tmp from "tmp";
import NuxtGenerator from "./NuxtGenerator";

const generator = new NuxtGenerator({
  hydraPrefix: "hydra:",
  templateDirectory: `${__dirname}/../../templates`,
});

afterEach(() => {
  jest.resetAllMocks();
});

describe("generate", () => {
  test("Generate a Nuxt app", () => {
    const tmpobj = tmp.dirSync({ unsafeCleanup: true });

    const fields = [
      new Field("bar", {
        id: "http://schema.org/url",
        range: "http://www.w3.org/2001/XMLSchema#string",
        reference: null,
        required: true,
        description: "An URL",
      }),
    ];
    const resource = new Resource("abc", "http://example.com/foos", {
      id: "foo",
      title: "Foo",
      readableFields: fields,
      writableFields: fields,
      getParameters: function getParameters() {
        return Promise.resolve([]);
      },
    });
    const api = new Api("http://example.com", {
      entrypoint: "http://example.com:8080",
      title: "My API",
      resources: [resource],
    });

    generator.generate(api, resource, tmpobj.name).then(() => {
      [
        "/components/foo/Form.vue",
        "/components/InputDate.vue",
        "/components/Loading.vue",
        "/components/Alert.vue",
        "/components/Toolbar.vue",
        "/config/entrypoint.js",
        "/error/SubmissionError.js",
        "/services/api.js",
        "/services/foo.js",
        "/store/foo.js",
        "/store/notifications.js",
        "/utils/dates.js",
        "/utils/fetch.js",
        "/utils/hydra.js",
        "/pages/foos/_id.vue",
        "/pages/foos/index.vue",
        "/pages/foos/new.vue",
      ].forEach((file) => {
        expect(fs.existsSync(tmpobj.name + file)).toBe(true);
      });

      tmpobj.removeCallback();
    });
  });
});