From a413b6f63761a002132f8ad967b064354a0ff4d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Thu, 17 Dec 2020 18:28:32 +0100
Subject: [PATCH] Improve Page structure and create a redirect middleware to
 set /films as homepage

---
 layouts/default.vue         | 4 +++-
 middleware/redirect.js      | 3 +++
 pages/{ => films}/index.vue | 0
 test/index.spec.js          | 4 ++--
 4 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 middleware/redirect.js
 rename pages/{ => films}/index.vue (100%)

diff --git a/layouts/default.vue b/layouts/default.vue
index db092db..d72ab30 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -9,7 +9,9 @@
 </template>
 
 <script>
-export default {};
+export default {
+  middleware: ["redirect"]
+};
 </script>
 
 <style>
diff --git a/middleware/redirect.js b/middleware/redirect.js
new file mode 100644
index 0000000..15fca05
--- /dev/null
+++ b/middleware/redirect.js
@@ -0,0 +1,3 @@
+export default function({ redirect, route }) {
+  if (route.path === "/") redirect("/films");
+}
diff --git a/pages/index.vue b/pages/films/index.vue
similarity index 100%
rename from pages/index.vue
rename to pages/films/index.vue
diff --git a/test/index.spec.js b/test/index.spec.js
index 87f5ec1..3158fc5 100644
--- a/test/index.spec.js
+++ b/test/index.spec.js
@@ -1,6 +1,6 @@
 import { mount } from "@vue/test-utils";
 import axios from "axios";
-import FilmsView from "@/pages";
+import FilmsView from "@/pages/films";
 import mockFilms from "./fake-films.json";
 
 jest.mock("axios", () => ({
@@ -10,7 +10,7 @@ jest.mock("axios", () => ({
 describe("Films page", () => {
   it("should render Films page instance", () => {
     const wrapper = mount(FilmsView);
-    expect(wrapper.find("h1").text()).toBe("Ghibli films");
+    expect(wrapper.find("h2").text()).toBe("Ghibli films");
   });
 
   it("should get films from Ghibli API", async () => {