File directive.spec.js has 276 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { mount } from '@vue/test-utils';

import VueHubble, { defaultConfig } from '.';
import {
  get,

File directive.js has 271 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { watch } from 'vue';
export const CLOSING_COMMENT = '//';
export const NAMESPACE = 'vue-hubble';

const COPY_MESSAGE_RESET_TIMEOUT = 1000;

Function addTooltip has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const addTooltip = (target, id) => {
  const { top, left, width } = target.getBoundingClientRect();
  const selector = target.getAttribute(`${NAMESPACE}-selector`);
  const text = getTooltip(selector);
  const tooltip = document.createElement('span');

Function getGenericSelector has a Cognitive Complexity of 9 (exceeds 5 allowed). Consider refactoring.

Open

export const getGenericSelector = (instance, value) => {
  if (!value) return '';

  const namespaces = [value];
  const enableDeepNamespacing = instance.$hubble.enableDeepNamespacing;

• Read up
  Read up

Function handleMountedAndUpdated has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

export const handleMountedAndUpdated = async (element, { instance, arg, value, oldValue }, vnode) => {
  if (!inCorrectEnvironment(instance, vnode)) {
    if (element.hubbleMouseover) {
      document.removeEventListener('mouseover', element.hubbleMouseover);
      element.hubbleMouseover = undefined;

• Read up
  Read up

Function handleHubbleSelector has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

export const handleHubbleSelector = ({ arg, element, oldSelector, newSelector, newQuerySelector }) => {
  switch (arg) {
    case 'class':
      oldSelector && element.classList.remove(oldSelector);
      if (newSelector) {

• Read up
  Read up

Function get has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

export const get = (obj, path, defaultValue) => {
  const travel = (regexp) =>
    String.prototype.split
      .call(path, regexp)
      .filter(Boolean)

• Read up
  Read up

Function handleMouseover has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

export const handleMouseover = (instance, element, id) => (event) => {
  const { target } = event;
  const oldTooltip = document.querySelector(`[${NAMESPACE}-tooltip-id="${id}"]`);
  const oldHighlight = document.querySelector(`[${NAMESPACE}-highlight-id="${id}"]`);
  const shouldRender = target === element || target === oldTooltip || element.contains(target);

• Read up
  Read up