import { Dark } from 'quasar';
import VnLogo from 'src/components/ui/VnLogo.vue';

describe('<VnLogo />', () => {
    const mountComponent = (opt = {}) => {
        cy.createWrapper(VnLogo, { props: { ...opt } });
    };
    it('renders with default logo', () => {
        mountComponent();
        cy.get('img').should('have.attr', 'src').and('include', 'salix.svg');
    });

    it.skip('renders with dark mode logo', () => {
        cy.stub(Dark, 'isActive').returns(true);
        mountComponent();
        // Dark.set(true);
        cy.get('img').should('have.attr', 'src').and('include', 'salix_dark.svg');
        Dark.set(false); // Reset dark mode
    });

    it.skip('renders with custom logo', () => {
        mountComponent({ logo: 'custom' });
        cy.get('img').should('have.attr', 'src').and('include', 'custom.svg');
    });

    it.skip('renders with custom dark mode logo', () => {
        mountComponent({ logo: 'custom' });
        cy.get('img').should('have.attr', 'src').and('include', 'custom_dark.svg');
        Dark.set(false); // Reset dark mode
    });
});