import { test, expect } from '@playwright/test';

test('Teacher can create new assignment', async ({ page }) => {
    await page.goto("/")

    // Login
    await page.getByRole("link", { name: "log in" }).click();
    await page.getByRole("button", { name: "teacher" }).click();
    await page.getByRole("textbox", { name: "Username or email" }).fill("testleerkracht1");
    await page.getByRole("textbox", { name: "Password" }).fill("password");
    await page.getByRole("button", { name: "Sign In" }).click();

    // Go to assignments
    await expect(page.getByRole('banner').getByRole('link', { name: 'Assignments' })).toBeVisible();
    await page.getByRole('banner').getByRole('link', { name: 'Assignments' }).click();
    await expect(page.getByRole('heading', { name: 'Assignments' })).toBeVisible();
    await expect(page.getByRole('button', { name: 'New Assignment' })).toBeVisible();

    // Create new assignment
    await page.getByRole('button', { name: 'New Assignment' }).click();
    await expect(page.getByRole('button', { name: 'submit' })).toBeVisible();
    await expect(page.getByRole('link', { name: 'cancel' })).toBeVisible();

    await page.getByRole('textbox', { name: 'Title Title' }).fill('Assignment test 1');
    await page.getByRole('textbox', { name: 'Select a learning path Select' }).click();
    await page.getByText('Using notebooks').click();
    await page.getByRole('textbox', { name: 'Pick a class Pick a class' }).click();
    await page.getByText('class01').click();
    await page.getByRole('textbox', { name: 'Select Deadline Select' }).fill('2099-01-01T12:34');
    await page.getByRole('textbox', { name: 'Description Description' }).fill('Assignment description');

    await page.getByRole('button', { name: 'submit' }).click();

    await expect(page.getByText('Assignment test')).toBeVisible();
    await expect(page.getByRole('main').getByRole('button').first()).toBeVisible();
    await expect(page.getByRole('main')).toContainText('Assignment test 1');
    await expect(page.getByRole('link', { name: 'Learning path' })).toBeVisible();
    await expect(page.getByRole('main')).toContainText('Assignment description');
});

test("Student can see list of assignments", async ({ page }) => {
    await page.goto("/")

    // Login
    await page.getByRole("link", { name: "log in" }).click();
    await page.getByRole("button", { name: "student" }).click();
    await page.getByRole("textbox", { name: "Username or email" }).fill("testleerling1");
    await page.getByRole("textbox", { name: "Password" }).fill("password");
    await page.getByRole("button", { name: "Sign In" }).click();

    // Go to assignments
    await expect(page.getByRole('banner').getByRole('link', { name: 'Assignments' })).toBeVisible();
    await page.getByRole('banner').getByRole('link', { name: 'Assignments' }).click();
    await expect(page.getByRole('heading', { name: 'Assignments' })).toBeVisible();
    await expect(page.getByText('dire straits')).toBeVisible();
    await expect(page.locator('.button-row > .v-btn').first()).toBeVisible();
    await expect(page.getByText('Class: class01').first()).toBeVisible();
});

test('Student can see assignment details', async ({ page }) => {
    await page.goto("/")

    // Login
    await page.getByRole("link", { name: "log in" }).click();
    await page.getByRole("button", { name: "student" }).click();
    await page.getByRole("textbox", { name: "Username or email" }).fill("testleerling1");
    await page.getByRole("textbox", { name: "Password" }).fill("password");
    await page.getByRole("button", { name: "Sign In" }).click();

    // Go to assignments
    await expect(page.getByRole('banner').getByRole('link', { name: 'Assignments' })).toBeVisible();
    await page.getByRole('banner').getByRole('link', { name: 'Assignments' }).click();
    await expect(page.getByText('Assignment: Conditional')).toBeVisible();
    await expect(page.locator('div:nth-child(2) > .v-card > .button-row > .v-btn')).toBeVisible();

    // View assignment details
    await page.locator('div:nth-child(2) > .v-card > .button-row > .v-btn').click();
    await expect(page.getByText('Assignment: Conditional')).toBeVisible();
    await expect(page.getByRole('link', { name: 'Learning path' })).toBeVisible();
    await expect(page.getByRole('progressbar').locator('div').first()).toBeVisible();
});