Merge pull request #150 from guerler/main

[locuszoom] Fix plot height

Author: guerler

packages/locuszoom/src/Plugin.vue

@@ -262,7 +262,7 @@ watch(
         class="absolute mt-1 p-3 border bg-red-100 text-red-700 text-sm rounded opacity-95 w-[100%]">
         {{ errorMessage }}
     </div>
-    <div id="lz-plot" class="h-100"></div>
+    <div id="lz-plot" class="h-full"></div>
 </template>
 
 <style>

packages/locuszoom/test-data/test.png

@@ -7,6 +7,8 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
 const BGZIP = readFileSync(resolve(__dirname, "test-data/test.gwas_bgzip"));
 const TABIX = readFileSync(resolve(__dirname, "test-data/test.gwas_bgzip.tbi"));
 
+const maxDiffPixelRatio = 0.06;
+
 function fulfillBinary(route, data) {
     const rangeHeader = route.request().headers()["range"];
     const match = rangeHeader?.match(/bytes=(\d+)-(\d+)/);
@@ -58,4 +60,5 @@ test("Run plot", async ({ page }) => {
     await expect(PHENO_STAT_TO_CLICK).toBeVisible();
     await page.getByRole("button", { name: "×" }).click();
     await expect(PHENO_STAT_TO_CLICK).toBeHidden();
+    await expect(page).toHaveScreenshot("test.png", { maxDiffPixelRatio });
 });