Merge pull request #6 from BoyWithSilverWings/feature/filename

Feature/filename

README.md

@@ -80,15 +80,15 @@ Frontmatter level props on a document always takes precedence over Repository le
    Just as in CSS your frontmatter or Repo level prop can contain:
 
    ```
-   background: linear-gradient(to right, #ec008c, #fc6767);
+   background: 'linear-gradient(to right, #ec008c, #fc6767)'
    ```
 
 2. **What if I need an image as background?**
 
    Write the CSS for it.
 
    ```
-   background: url(https://example.com/image.png)
+   background: 'url(https://example.com/image.png)'
    ```
 
 3. **What about font sizes?**

__tests__/generate-html.test.ts

@@ -35,7 +35,7 @@ describe("Generate HTML", () => {
     expect(result.includes(`slot="title"`)).toBe(true);
   });
 
-  it(`creates large payload`, () => {
+  it(`creates html output for large payload`, () => {
     const result = generateHtml({
       assetPath: "demo/",
       componentUrl: "https://unpkg.com/@agney/og-image-element@0.2.0",
@@ -47,7 +47,16 @@ describe("Generate HTML", () => {
       subtitle: "Works with Markdown files",
       imageUrl: "https://avatars3.githubusercontent.com/u/8883368?s=40&v=4"
     });
+    expect(result).toBeTruthy();
+  });
+
+  it("adds gradient as background", () => {
+    const result = generateHtml({
+      background: "linear-gradient(to right, #000428, #004e92)"
+    });
     console.log(result);
-    expect(true).toBe(true);
+    expect(result.includes("linear-gradient(to right, #000428, #004e92)")).toBe(
+      true
+    );
   });
 });

demo/test-file.md

@@ -5,7 +5,7 @@ ogImage:
   title: Generating open graph images with Github Actions
   subtitle: Works with Markdown files
   imageUrl: https://avatars3.githubusercontent.com/u/8883368?s=40&v=4
-  background: red
+  background: "linear-gradient(to right, #000428, #004e92)"
   fontColor: yellow
   fontSize: 90%
   filename: this-file

src/find-file.ts

@@ -66,6 +66,7 @@ async function findFile() {
   const markdownFiles = filesList.filter(file => {
     return FORMATS.some(format => file.filename.endsWith(format));
   });
+
   const frontmatterAttributes = getAttributes(markdownFiles);
 
   return frontmatterAttributes.filter(